/* Start of CMSMS style sheet 'feuille_de_style_pouguide' */
/***********************************************/
/* pouguide.css                                */
/* Joindre au tmpl PouGuide.html               */
/***********************************************/

/***********************************************/
/* Tags  HTML                                  */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-weight:normal;
	line-height: 1.166;
	
	/*La ligne de dessous est la balise pour changer la couleur générale du fond*/
	/*background-color:#587ccf;*/
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}


dfn{display:none;}

h1{
 font-family: Arial,sans-serif;
 font-size: 150%;
 color: #4887e6;
 margin: 0px;
 padding: 0px;
 
}

h2{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 105%;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #4887e6;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 90%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}
/*p { 
        font-family: Arial,sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px 5px 10px 0px;
}*/

  

/***********************************************/
/* Layout de Divs                              */
/***********************************************/

#masthead{
	padding:0px;
	margin:0px;
	border:0px;
	width: 100%;
	clear:both;
}

#navBar{
	float: left;
	width: 20%;
	margin: 0px;
	padding-top:33px;
	padding-bottom: 20px;
	
	
}


#headlines{
	
	border: 0px;
	
}


#navBar2{
        float:right;
	width: 20%;
	margin:0px;	
	padding-top:35px;
	padding-bottom:20px;
	
}

#content{
	float: left;
        width: 58%;
	background-color: #FFFFFF;
	padding: 32px 5px 10px 10px;
	color:#000000;
	font-weight:normal;
	font-size:12px;
	line-height: 1.166;
}
#content img{
	padding: 0px;
	border: 0px #FFFFFF;
}
#content2{
	/*float: left;*/
	clear: inherit;
        max-width: 78%;
        background-color: #FFFFFF;
	padding: 32px 5px 10px 0px;
	color:#000000;
	font-weight:normal;
	font-size:12px;
	line-height: 1.166;	
}

#content2 img{
	padding: 0px;
	border: 0px #FFFFFF;
}
/***********************************************/
/* Composants                                  */
/***********************************************/

#siteName{
	padding:0px;
	margin:0px;
	height: 200px;
	/*background-image: url(images/Visuel_900_200.jpg);*/
	
}


/************* # Styles globalNav **************/


#globalNav  ul{
				margin: 0;
				padding:0;
				background-color:#4887E6;
				height:40px;
				display:block;
				width:100%;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 12px;
				list-style-type:none;
							
}
        
#globalNav ul li {
               float:left;
              
              /* padding:.8em .94em;*/
			   
}

#globalNav  ul li a{
		padding:0 .70em;
		/*margin:0px;*/
		background:#4887E6;
		color: #FFFFFF;
		/*text-decoration:none;	*/	
		/*border-right: 1px #ffffff solid;*/	
		line-height:40px;
		height:40px;	
		display: block;
			
											
}

#globalNav ul li.activeparent a.activeparent{
               background-color:#88b1ef; 
               color:#ffffff;
               line-height:40px;
               padding:0 .70em;
               font-weight:bold;
}
#globalNav ul li.currentpage h3{
               background-color:#88b1ef;
               line-height:40px;
               padding:0 .70em;
               color:#ffffff;
               font-weight:bold;
               font-size: 12px;
               /*font-weight:normal;*/
}

#globalNav a:hover{
				background-color:#689cea;
				color:#FFFFFF;
				text-decoration: none ;	
				line-height:40px;			
}


/***************#Styles pour le NomDePage **************/

/*#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 75%;
	padding: 5px 0px 5px 8px;
	color:#999999;
	background-color:#ebe8e8;
	
}
#breadCrumb a{
	padding:0px;
	color:#666666;
}
#breadCrumb a hover{
	padding:0px;
	margin:0px;
}


/************** .feature styles ***************/

.feature{
	padding: 20px 0px 10px 2px;
	font-size: 80%;
	background-color: #FFFFFF;
	color: #000000;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 0px;
	font-size: 80%;
	background-color:#FFFFFF;
	color:#000000;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid  #bfcd93;
	font-size: 75%;
	color: #006699;
	padding:5px 0px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/
#search label{display:none;}
#searchLang{
	margin:0px;
	padding:0px;
}

#search{
	/*border-bottom: 1px solid #cccccc;
	font-size: 90%;*/
	margin:0px;
	padding:0px;
	float:left;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	margin:0px;
	padding:0px;
	color: #333333;
}

#langues{
        padding:0px;
	margin:0px;
	float:right;
	width:144px;
	height:20px;
	background:url(images/bt_langues.gif);
	cursor:pointer;
}



/*********** #Styles de liens navBar ***********/

#navBar ul a:link, #navBar ul a:visited {display: block; padding:10px 0px 10px 7px;}
#navBar ul {list-style: none; margin: 0; padding:0px 0px 0px 7px;}

#navBar ul li ul li a:link, #navBar ul li ul li a:visited {display: block; padding:8px 4px 8px 25px;}


/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/
#sectionLinks{
	padding:0px;
	margin:0px;
	text-align:left;
	font-size:90%;
	background-color:#689cea;
	/*border: 1px solid #bfcd93;*/
	
}

#sectionLinks ul{
        margin:0px;
        padding: 0px;
	text-align:left;
	vertical-align:left;
	font-size:90%;
	background-color:#689cea;
}

#sectionLinks ul li.currentpage h3{
	background-color:#88b1ef;
        padding: 10px 2px 10px 20px;
	border-top: 1px solid #FFFFFF;
	font-size:11px;
	font-color:#333333;
}

#sectionLinks ul li  {
	padding:0px;
	margin:0px;
	text-align:left;
	/*float:left;*/
	
}

#sectionLinks ul li a{
	padding:0px;
	border-top: 1px solid #FFFFFF;
	margin:0px;
	color:#333333;
	text-decoration: none;
	text-align:left;
	display: block;
	/*list-style-image: url(images/nav_triangle_droite.gif);*/ 
	
 
}

#sectionLinks ul li a:active, #sectionLinks ul li a:focus{
	
	font-weight:normal;
	text-decoration: none;
	background-color:#88b1ef;
}	


#sectionLinks ul li a:hover{
	background-color:#88b1ef;
	text-decoration:none;
	color:#333333;
	
}

/*#sectionLinks ul li ul li.currentpage{
	background-color:#dae7fa;
		
	}*/
#sectionLinks ul li ul li.currentpage h3{
	background-color:#dae7fa;
     	font-size:9px;
	color:#515159;
	border:0px;
	padding:8px 2px 8px 25px;
	/*border-bottom: 2px solid #FFFFFF;*/
	
	
	
	}

#sectionLinks ul li ul {
	background-color:#ffffff;
	
}
#sectionLinks ul li ul li {
	margin:0px;
	border: 0px;
	color:#515159;
	background-color:#ffffff;
	text-align:left;
	vertical-align:center;
	/*border-top: 1px #ffffff solid;
	line-height: 4px;*/
}

#sectionLinks ul li ul li a{
	border: 0px;
	background-color:#b6cff5;
	display: block;	
	font-size:10px;
}


#sectionLinks ul li ul li a:active, #sectionLinks ul li ul li a:focus 
       {
	background-color:#dae7fa;
	}

#sectionLinks ul li ul li a:hover
       {	
	background-color:#c7d6f0;
	
       }


/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
	background-color:#eeb059;
	
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 

}

/************** #advert styles **************/

/*#advert{
	padding:8px 10px;
	margin:0px;
	background-color:#eeb059;
}

#advert p{
	padding:5px 0px 2px 8px;
	margin:0px;
	cursor: pointer;
	
}*/
/*#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	/*position:relative;*/
	padding: 0px 10px 20px 15px;
	font-size: 80%;
	background-color:#ffcc33;
	color:#333333;
	
}

#postit{
	float:left;
	width:180px;
	height:28px;
	background-color:#ffcc33;
	background: url(images/bg_postit.gif) no-repeat;
	
}

/*#headlines h3{
	padding: 10px 0px 2px 0px;
	font-size: 80%;
}*/


/***********************************************/
/* allContent                                */
/***********************************************/


#allContent{
    color: #cccccc;
    padding-top:4px;
    margin: auto;
    width: 900px;
    background-color:#ffffff;

}
/* End of 'feuille_de_style_pouguide' */