/*******************************************************************
infocom_common.css

Le fichier CSS contient tous les styles communs du site

Structure
core
header
menu
footer
divers

*******************************************************************/


/***
*** Core
***/

html {
	font-size:	 100%; /* évite un bug d'IE 6-7. (1) */
	
}

body{
	background: #E4E4E4;
	color:		 #444;
	font-family: Verdana, Arial, Helvetica, sans-serif;		 /*	"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;*/
	font-size:	85%;
	line-height: 1.4;
	margin:		0px;
	text-align:	 center;/* évite un bug d'IE 6-7. (1) */
}

#main{
	background:		#F2F2F2 ;
	padding-bottom:		30px;
	
}

#topsup {
	margin-left:		 0;	 
	margin-right:		 0; 
	float:			center;
	margin:			0px auto;
	width:			980px;
	height:			35px;
	text-align:		left;
}
#topinf{
	margin-left:		 0;	 
	margin-right:		 0; 
	width:			980px;
	float:			center;
	margin:			0px auto;
	background:		url(/img/departmnt/backtop.jpg) repeat-x bottom;
	height:			3px;
}

#container{
	margin-left:		 0;	 
	margin-right:		 0; 
	float:			 center;
	margin:			0px auto;
	width:			980px;
	background:		url(/img/departmnt/backpage.jpg) repeat-y center top;
	text-align:		left;/* évite un bug d'IE 6-7. (1) */
}

/***
*** Header
***/

#header {
	width:			972px;
	margin-left:		5px ;
	height:			170px;
	
	/***border-bottom:1px solid #BFBFBF; ***/
}



/*** bandeau supérieur***/
#bandeau {
	background:		#3B65A1 ;
	width:			968px;
	height:			140px;
	
}


/***	menu horizontal ***/

#barre{
	
	height:			30px;
	width:			963px;
	padding:		0 0 0 5px ;
	background:		#333333 url(/img/departmnt/barre.jpg) repeat-x top;
}


#barre ul{
	padding:		0;
	margin:			0;
	text-indent:		0;
	list-style:		none;
	color:			 #ffffff;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:		 14px;
	vertical-align: middle;
}

#barre li{
	display:		inline;
	margin-left:		5px;
	margin-right:		5px;
	color:			 #ffffff;		/** #646464 **/
	
}
#barre a{
	color: #ffffff;
	text-decoration: none;
	font-weight:			650; 
}
#barre a:hover{
	color: #FFFFBB;
	text-decoration: none;
	font-weight:			650; 
}



/***
*** PAGE (sous le bandeau)
***/
#page 
{
	margin-left:				3px ;
	margin-right:				5px ;
	height:					 1%;
	/*background:				#FFFFFF;*/
}
/***
*** Menu vertical gauche
***/

#menuLeft{
	float:					left;
	width:					220px;
	/* background-color:				#f1f1f1;	*/
	min-height:				 500px;
	
}
#menuLeft ul{
	list-style:				none;
	margin:					0px;
	padding:				0px;
	font-size:				95%;
}

#menuLeft a.titre{
	color:					#555555;
	test-align:				center;
	float:					 center;
	font-weight:				bold;
	text-transform:				uppercase;
	margin:					0 0 12px 0;
}
#menuLeft a.CMS_lvl1{
	display:				block;
	position:				absolute;
	text-indent:				-5000px;
	width:					1%;
	
}
#menuLeft ul.CMS_lvl2{
	/**	background:				url(/img/departmnt/separatorMenuLeft.jpg)		 no-repeat left top; **/
	margin:					0 15px 0 12px;
	min-height:				305px;
	padding-top:				2px;
}
#menuLeft li.CMS_lvl2{
	/**	background:				url(/img/departmnt/separatorMenuLeft.jpg) no-repeat left bottom; **/
	padding-bottom:				2px;
	
}
#menuLeft .CMS_lvl2 li.CMS_open,
#menuLeft .CMS_lvl2 li.CMS_current{
	
	
}
#menuLeft a{
	
	display:				block;
	text-decoration: none;
}



#menuLeft a.CMS_lvl2{
	background:				url(/img/puce_2.gif) no-repeat 6px 9px;
	color:					#666666;
	padding:				7px 0px 5px 28px;
}
#menuLeft .CMS_lvl2 .CMS_current a.CMS_lvl2 { 
	color:					#000000;
}
#menuLeft a.CMS_lvl2:hover{
	
}
#menuLeft ul.CMS_lvl3{
	padding:				0 0 0 26px;
}
#menuLeft a.CMS_lvl3{
	background:				url(/img/puce_1.gif) no-repeat 0px 4px;
	color:					#666666;
	padding:				0 0 0 12px;
}
#menuLeft a.CMS_lvl3:hover,

#menuLeft .CMS_lvl3 .CMS_current a.CMS_lvl3{
	background:				url(/img/puce_1o.gif) no-repeat 0px 4px;
	color:					#000000;
	
}
#menuLeft ul.CMS_lvl4{
	padding:				0 0 0 26px;
}
#menuLeft a.CMS_lvl4{
	background:				url(/img/puce_1.gif) no-repeat 0px 4px;
	color:					#666666;
	padding:				0 0 0 12px;
}
#menuLeft a.CMS_lvl4:hover,
#menuLeft .CMS_lvl4 .CMS_current a.CMS_lvl4{
	background:				url(/img/puce_1o.gif) no-repeat 0px 4px;
	
}

/***
*** partie centrale d'une page
***/

#content{
	float:					left;
	width:					750px;
	/* background:				#FFFFFF;	*/
	margin-top:				0px;
	margin-bottom:				0px;	
	margin-left:				0px;
}


/***
*** Content en deux parties égales pour l'accueil
***/

#colonne1{
	float:				left;
	width:				505px;
	
	/* background:				 #FFFFFF;	*/
	padding-left:			10px;
	padding-right:			9px;
	padding-bottom:			10px;
	padding-top:			20px;	
}
#colonne2{
	float:				right;
	width:				205px;
	height: 200%;
	/* background:				 #FFFFFF;	*/
	padding-left:			9px;
	padding-right:			10px;
	padding-bottom:			10px;
	padding-top:			30px;	
}


/***
*** Content en deux parties inégales pour les pages (avec menu)
***/
#firstCol{
	float:				left;
	width:				510px;
	/*	background:				 #FFFFFF;	*/
	margin:				0px;
	padding-left:			10px;
	padding-right:			10px;
	padding-bottom:			10px;
	padding-top:			5px;	
}
#secondCol{
	float:				right;
	width:				210px;
	padding-left:			5px;
	padding-right:			5px;
	padding-bottom:			10px;
	padding-top:			15px;	
}


/***
*** Content en une seule partie pour les pages (avec menu)
***/
#uniqueCol{
	float:				left;
	width:				722px;
	background:			/* #FFFFFF;	*/
		margin:				0px;
	padding-left:			10px;
	padding-right:			10px;
	padding-bottom:			10px;
	padding-top:			5px;	
}

/***
*** breadcrumb
***/
#breadcrumbs, #content #breadcrumbs a{
	color:				#6fae03;	/*6fae03;*/
}
#breadcrumbs{
	
	height:				35px;
	position:			relative;
}
#content #breadcrumbs a:hover{
	font-weight:			bold;
}


/***
*** Menu vertical droit
***/

#menuRight {
	float:				left;
	width:				220px;
	background:			#F1F1F1;
	min-height:			305px;
}

/***
*** Footer
***/


#footer{
	
	margin:				0 auto ;
	
	padding-top:			10px;
	width:				978px;
	background:			url(/img/departmnt/backfoot.jpg) no-repeat center top;
	text-align:			 left;
	font-size:			0.7em;
}

/***
*** blocs
***/

#titreblock {
	
	margin:			5px auto;
	padding-top:		0px;
	padding-bottom:		0px;
	width:			200px;
	background:		url(/img/block_bck.jpg) no-repeat center top;
	text-align:		center;
	font-size:		 1em;
	color:			 #44;
	vertical-align:		bottom;
	height:			30px;
}
#blockcontenu p {
	
	margin:			0px 10px 5px 10px;
	
}
/***
*** Divers 
***/ 

.spacer{
	clear:			both;
}

.sIFR-alternate{
	display:		block;
	position:		absolute;
	text-indent:		-5000px;
	width:			1%;
}



/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin:			 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
	/*line-height:		 1.2;*/
	/*font-weight:		 normal; */
	font-style:		 normal;
	
}
h1 {
	font-size:			 1.4em;
	font-weight:		 normal;
	color:			 #4A78A6; /* #93B1CF; */
}
h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #66 ;
}
h3 {
	font-weight: normal;
	font-size: 1.1em;
	color: #6D6D6D;
	
}
h4 {
	font-size: 1em;
	color: #FF8000; /*	#FF9900;	*/
	font-weight: 500;
}
h5 {
	font-size: 1em;
	color: #4A78A6;		 /* #4A78A6; #93B1CF; */
	font-weight: 500;
}
h6 {
	font-size: 1em;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #B7B7B7;
	color: #6A6A6A; 
	
}


/* Listes */
ul, ol {
	margin: .75em 0 .75em .75em;
	padding: 0;
	font-size:90%;
	line-height: 140%; 
}

/* Paragraphes */
p {
	margin: .75em 0; /* Marges plus faibles que par d?faut. (7) */
	font-size:0.9em;
	line-height: 140%
}
img{
	border:					none;
	vertical-align:			top;
} 

.imgRight{
	float:					right;
	margin:					0 0 5px 10px;
}
.imgLeft{
	float:					left;
	margin:					0.75em 10px 5px 0;
}
.center {
	margin:				0px auto 0px auto;
}

/* Liens */
a {
	color: #30569D;
	text-decoration: underline;
}
a:link {
	color : #30569D;
	text-decoration: underline;
}

a:visited {
	color: #30569D;
}
a:hover, a:focus, a:active {
	color : #93B1CF;
}
a img {
	border: none;
}

.newsTop a{
	text-decoration: none;
}

.newsContent a{
	text-decoration: underline;
}

/* Formulaires */
select.standard {
	border-right: #506f98 1px inset; 
	border-top: #506f98 1px inset; 
	font-size: 11px; 
	border-left: #506f98 1px inset; 
	border-bottom: #506f98 1px inset; 
	background-color: #ffffff;
}
input.standard {
	border-right: #506f98 1px inset; 
	border-top: #506f98 1px inset; 
	font-size: 11px; 
	border-left: #506f98 1px inset; 
	border-bottom: #506f98 1px inset; 
	background-color: #ffffff; 
}
textarea.standard {
	border-right: #506f98 1px inset; 
	border-top: #506f98 1px inset; 
	font-size: 11px; 
	border-left: #506f98 1px inset; 
	border-bottom: #506f98 1px inset; 
	background-color: #ffffff;
}
.valid {
	border-right: #000000 1px solid; 
	border-top: #000000 1px solid; 
	font-size: 11px; 
	border-left: #000000 1px solid; 
	COLOR: #000000; 
	border-bottom: #000000 1px solid; 
	background-color: #ffd55f
}

/* Page de liens*/
#pageLien a{
	color: #555555;
	text-decoration:												none;
	
}

/* Tableaux */

.tablesimple {
	border: none;
	font-size:85%;
	line-height: 1.4;
}

.tablesimple th {
	background-color: #DAE1EB;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-collapse: collapse;
	border-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
}
.tablesimple td {
	background-color: #ffffff;
	border-right-style: none;
	border-left-style: none;
	border-top-style: none;
	border-bottom-style: solid;
	border-top-color: none;
	border-bottom-color: #999999;
	border-collapse: collapse;
	border-width: 1px;
	
}
/***
*** Liste de liens vers pages
***/

#listePage{
	float:					left;	
}
#listePage ul{
	list-style:				none;
	margin:					0px;
	padding:				0px;
	font-size:				95%;
}


#listePage a.LCMS_lvl1{
	display:				block;
	position:				absolute;
	text-indent:		-5000px;
	width:					1%;
	
}
#listePage ul.LCMS_lvl2{
	
	margin:					0 15px 0 12px;
	padding-top:			2px;
}
#listePage li.LCMS_lvl2{
	padding-bottom:			2px;
}

#listePage a{
	color:				#30569d;
	display:			block;
}

#listePage a:hover{
	color:				 #93b1cf;
	
}
#listePage a.LCMS_lvl2{
	background:				url(/img/puce_2.gif) no-repeat 6px 9px;
	
	padding:				10px 0px 5px 28px;
}
#listePage a.LCMS_lvl2:hover{
	
}
#listePage ul.LCMS_lvl3{
	padding:				0 0 0 26px;
}
#listePage a.LCMS_lvl3{
	background:				url(/img/puce_1.gif) no-repeat 0px 4px;
	padding:				3px	0 3px	12px;
}
#listePage a.LCMS_lvl3:hover,
#listePage .LCMS_lvl3 .LCMS_current a.LCMS_lvl3{
	background:				url(/img/puce_1o.gif) no-repeat 0px 4px;
	
}
#listePage ul.LCMS_lvl4{
	padding:				0 0 0 26px;}
#listePage a.LCMS_lvl4{
	background:				url(/img/puce_1.gif) no-repeat 0px 4px;
	padding:				0 0 0 12px;
}
#listePage a.LCMS_lvl4:hover,
#listePage .LCMS_lvl4 .LCMS_current a.LCMS_lvl4{
	background:				url(/img/puce_1o.gif) no-repeat 0px 4px;
}


#recherche {
	margin: 25px 0 0 12px;
	float:	bottom;
	text-align: middle;
	
}

#recherche label{
	font-size:0.85em;
	color: #666;
	align: left;
}
#recherche input[type=text] {	
	font-size:0.75em;
	
	width: 70%;
	margin-bottom:	5px;
	background-color: #FAFAFA;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	
	border-top-color: #B8BCCD;
	border-right-color: #B8BCCD;
	border-bottom-color: #B8BCCD;
	border-left-color: #B8BCCD;
}

input[type=image]{
	
	border: 0;
	padding-bottom: 0px;
}