@import '/css/menu.css';
@import '/css/formulaire.css';
/*-------------------------------------
  ------------ structure --------------
  -------------------------------------
*/
html, body {
	height: 100%;
}
body {	
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background:url(/charte/fond_page.png) repeat;
}
* html body{
text-align:center;
}
#conteneur{
	margin:0 auto;
width:955px;
}
#page {
	width: 955px;
	text-align:left;
	background:url(/charte/liseret-verti.png) repeat-y 257px top #F18C00;
	border:3px solid #fff;
	border-top:none;
	float:left;
}
#page.page_accueil{
	background:url(/charte/liseret-verti.png) repeat-y 288px top #F18C00;
}
#dernier-element {
	margin-bottom: 0px;
	padding-bottom:15px;
	visibility: hidden;
	width:100%;
	clear:both;
}
#footer{
float:left;
clear:both;
background:url(/charte/rpt-barrebleu.png) top repeat-x #008FD6;
height:35px;
width:100%;
}
#header{
float:left;
background:url(/charte/bandeau.jpg) no-repeat;
height:113px;
width:100%;
position:relative;
}
#haut_zcentrale{
float:left;
width:100%;
background:url(/charte/haut_zc-int.png) no-repeat right top;
}
#bas_zcentrale{
float:left;
width:100%;
background:url(/charte/bas_zc-int.jpg) no-repeat left bottom;
}
#haut_zcentrale.haut_zcentrale_accueil{
background:url(/charte/haut_zc-accueil.png) no-repeat right top;
}
#bas_zcentrale.bas_zcentrale_accueil{
background:url(/charte/bas_zc-accueil.jpg) no-repeat left bottom;
}
#z_centrale{
float:left;
width:655px;
margin-left:17px;
}
#z_centrale_accueil{
margin-left:10px;
width:645px;
float:left;
padding-top:35px;
}
#colG{
float:left;
width:257px;
background:url(/charte/haut-colG.png) no-repeat left top;
padding-bottom:90px;
padding-top:33px;
}
#colG.colG_accueil{
width:290px;
padding-bottom:160px;
}
.width100pc{
width:100%;
}
.invisible{
display:none;
}
img{
border:0;
}
/*-------------------------------------
  ------ mise en forme du texte --------
  -------------------------------------
*/
a, p, td, li{
font-size:12px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
       font-size: 16px;
	color: #FFFFFF;
	border-bottom:1px dotted #fff;
	padding: 1px 2px 4px 12px;
	background:url(/charte/puce-fleche-triangle.png)  no-repeat left 5px;
	
}
span.titre-marron {
font-weight:bold;
width:98%;
float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	border-bottom:1px solid #C17000;
	padding: 2px 2px 4px 12px;
	background:url(/charte/puce-fleche-triangle-marron.png)  no-repeat left 5px;
	
}
.titre-rouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	border-bottom:1px solid #C17000;
	padding: 2px 2px 4px 12px;
	background:url(/charte/puce-fleche-triangle-rouge.png)  no-repeat left 5px;
	
}

.souligne_h1{
	background-image: url(/charte/souligne_titre_h1.gif);		
}
table.style_tableau{
border-bottom:1px solid #00598F;
border-left:1px solid #00598F;
}
table.style_tableau td{
border-top:1px solid #00598F;
border-right:1px solid #00598F;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 13px;*/
       font-size: 14px;
	font-weight: bold;
	
}


h3 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
       font-size: 13px;
	color: #fff;
       background:url(/charte/puce-fleche-triangle.png) no-repeat -2px 3px;
padding-left:10px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h6 {
font-family: verdana, Helvetica, sans-serif;
	font-size: 10px;
font-weight:normal;
margin:0;
}
a{
color:#00598F;
}
hr{
border:none;
height:1px;
background-color:#fff;
}
#z_contenu li{
	list-style-position: inside;
	list-style-type:disc;
}
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo{
font-size:10px;
color:#000;
text-decoration:none;
}
.legende{
font-size:10px;
color:#fff;
margin-top:2px;
}
.image_ombree{
width:auto;
}
.fond-ombre-droit{
	background-image: url(/images/ombres/ombre_B3.gif);
}
.fond-ombre-bas{
	background-image: url(/images/ombres/ombre_C2.gif);
}
/*----- plan du site -----*/
.PLAN0 a {
        font-size: 15px;
	color: #0067B3;
	padding: 1px 2px 4px 12px;
	background:url(/charte/puce-fleche-triangle.png)  no-repeat left 5px;
	text-decoration:none;
width:100%;
display:block;
 font-weight: bold;
	
}

.PLAN1 a {
       font-size: 13px;
 font-weight: bold;
text-decoration:none;
color:#fff;
	
}
.PLAN2 a {
       font-size: 12px;
text-decoration:none;
color:#00528F;	
font-weight: bold;
background:url(/charte/puce-fleche-triangle.png)  no-repeat -3px 5px;
position:relative;
left:-10px;
padding-left:10px;
}
.PLAN3 a {
       font-size: 11px;
 	
	text-decoration:none;
	color:#00528F;	
}
.PLAN0 a:hover, .PLAN1 a:hover, .PLAN2 a:hover, .PLAN3 a:hover{
text-decoration:underline;
color:#000000;
}
/*-------------------------------------
  --------- structure suite -----------
  -------------------------------------
*/
/*--------- header ----------*/
#logo{
width:auto;
float:left;
}
#barre-pictos{
position:absolute;
top:0;
right:164px;
height:25px;
width:250px;
background:url(/charte/fond-pictos.png) no-repeat;
}
#moteur{/*par rapport a header*/
position:absolute;
left:5px;
top:0;
height:24px;
width:120px;
}
input.moteur{
font-size:10px;
border:1px solid #000;
padding: 1px 2px;
width:90px;
position:relative;
top:-8px;
}
input.ok{
position:relative;
left:-3px;
top:0;
}

#pictos{
width:auto;
position:absolute;
right:33px;
top:0;
}

#barreH{
width:100%;
float:left;
background:url(/charte/rpt-barrebleu.png) repeat-x;
height:33px;
text-align:right;
border-bottom:1px solid #fff;
}
#liste_revues, #liste_articles{
float:left;
width:auto;
color:#fff;
font-weight:bold;
margin-top:7px;
}
#liste_revues{
margin-left:275px;
margin-right:30px;
}
#liste_revues select, #liste_articles select{
color:#007AC6;
font-size:10px;
margin-left:5px;
width:170px;
}
/*--------- colG ----------*/
#menuLat{
float:left;
width:100%;
}
/*--------- footer ----------*/
#liens-bas{
float:left;
width:700px;
margin-left:25px;
}
#made_with{
float:right;
width:200px;
text-align:right;
padding-right:15px;
position:relative;
}
#made_with a{
color:#FFFFFF;
text-decoration:none;
font-size:11px;
font-weight:bold;
}
img#logo_illicopage{
position:relative;
top:6px;
}
/*--------- zone centrale ----------*/
#div_lien_yahoo{
float:left;
padding-bottom:20px;
padding-top:10px;
}
#z_contenu{
float:left;
width:100%;
}

/*illicopage*/
.lien_menu{
clear:both;
float:left;
margin-left:5px;
color:#000;
}
.user_courant, .user_fonction, .illico_important{
clear:both;
width:100%;
display:block;
}
#bloc_new{
height:120px;
}