@import "/css/formulaire.css";

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin:0;
	text-align:center;
	background:url(/charte-ot/fond_body.png) repeat-x;
}
html, body {
	height: 100%;
}

.page {	
	width: 978px;
	/*text-align:left;	*/
	margin: auto;
	background:url(/charte-ot/fond_page.png) repeat-y left top;
}

.page2{
float:left;
width:955px;
}
.ombreG{
float:left;
width:11px;
height:100%;
background-image:url(/charte-ot/fond_page.png);
background-repeat:repeat-y;
}
.ombreD{
float:right;
width:11px;
height:100%;
background:url(/charte-ot/fond_page.png) right repeat-y;
}
.bandeau{/*definit en dynamique*/
float:left;
	height:285px;
	width:100%;
	background: right 182px no-repeat;
	position:relative;
	/*background-image: url(/charte-ot/bandeau.jpg);*/
}
.fond_bandeau{
float:left;
	height:285px;
	width:100%;
	background-image: url(/charte-ot/bandeau.jpg);
	background-repeat:no-repeat;
}
.bandeau_accueil{
float:left;
	height:285px;
	width:100%;
	background: url(/charte-ot/fond_bandeau_accueil.png) 257px bottom no-repeat;
}
#moteur{
	float:left;
	width:150px;
height:22px;
}
.moteur_recherche{
	height:20px;
	}
input.saisie_moteur {
	font-size: 10px;
	border: 1px solid #666;	
	width:120px;
	padding-left:3px;
	}
.ok_moteur{
position:relative;
top:4px;
left:-4px;
}

.pictos_haut{
float:left;
padding-top:5px;
width:330px;
margin-left:10px;
}
.pictos_haut img{
float:left;
margin-left:2px;
margin-right:4px;
}
.pictos_haut a{
padding-left:13px;
text-decoration:none;
text-transform:uppercase;
color:#FFFFFF;
font-size:10px;
}
a.picto_malvoyant{
background:url(/charte-ot/picto_malvoyant.gif) no-repeat;
padding-left:18px;
float:left;
}
a.picto_accueil{
background:url(/charte-ot/picto_accueil.gif) no-repeat;
float:left;
}
a.picto_sitemap{
background:url(/charte-ot/picto_plan-site.gif) no-repeat;
float:left;
}
a.picto_contact{
background:url(/charte-ot/picto_contact.gif) no-repeat;
float:left;
}
#langues{/*float:left; clear:both; margin-left:27px; padding-top:5px;*/width:300px; text-align:center; position:absolute; top:28px; left:27px; }
#langues img{
margin-left:2px;
margin-right:4px;
top:2px; position:relative;
}
#langues a{
text-decoration:none;
text-transform:uppercase;
color:#FFFFFF;
font-size:10px;
padding-left:25px;
height:15px; line-height:15px; margin:0 2px;
}
a.picto_fr{background:url(/charte-ot/picto_fr.jpg) no-repeat left 1px;}
a.picto_de{background:url(/charte-ot/picto_de.jpg) no-repeat left 1px ;}
a.picto_en{background:url(/charte-ot/picto_en.jpg) no-repeat left 1px;}

#repere{}

/**/

/*Col G */
.colG{
float:left;
width:190px;
padding-left:23px;
}
.menuLat{
padding-bottom:360px;
padding-left:5px;
float:left;
}
.bas_menuLat{/*pour accueil*/
float:left;
position:relative;
top:-15px;
}
/*Zone centrale*/
.zone_centrale{
float:left;
width:100%;
background:url(/charte-ot/fond_z_centrale.jpg) no-repeat ;
}
.zone_centrale_accueil{
float:left;
width:100%;
background:url(/charte-ot/fond_z_centrale_accueil.jpg) no-repeat ;
}
.fond_veilleur{
background:url(/charte-ot/veilleur.gif) no-repeat 39px bottom;
}
.col_centrale{
float:left;
width:445px;
margin-left:45px;
margin-top:70px;
}
.contenu{
float:left;
width:100%;
}
.pictos_yahoo{
float:left;
width:100%;
margin-bottom:10px;
}
.pictos{
float:right;
height:29px;
width:131px;
}

#div_lien_yahoo{
width:300px;
font-size:11px;
float:left;
margin-top:10px;
}
.lien_yahoo{
color:#000;
text-decoration:none;
font-size:11px;
}
/* colonne de droite */
.colD{
float:right;
width:210px;
background:url(/charte-ot/rpt_colD.jpg) repeat-y;
margin-top:75px;
}
.haut_colD{
float:left;
background:url(/charte-ot/fond_colD.jpg) no-repeat;
}
.bas_colD{
height:10px;
width:210px;
background:url(/charte-ot/bas_colD.jpg) no-repeat bottom;
float:left;
}
#actualites{
position:relative;
top:-20px;
margin-left:15px;
height:100px;
width:180px;
}
.lien_news{
text-decoration:none;
font-weight:bold;
color:#EE1A31;
}
.actu{
padding-left:5px;
}
.titre_actu{
background-color:#D7EF0C;
color:#ED1B2F;
font-weight:bold;
font-size:13px;
padding:2px 3px;
display:block;
}
.encadre_colD{
/*float:left;*/
margin-left:15px;
margin-top:10px;
width:180px;
}
.titre_encadre_colD{
margin:0;
padding:2px 3px;
color:#FFFFFF;
background-color:#6A7420;
font-weight:bold;
font-size:13px;
display:block;
}
.contenu_encadre_colD{
padding:5px;
}
#meteo{
float:left;
padding-left:15px;
margin-top:10px;
}

.News_titre{
color:#ED1B2F;
font-weight:bold;
font-size:12px;
}
.News_suite{
font-size:11px;
color:#555E14;
}
.News_date{
font-size:11px;
color:#555E14;
}

/* bas de page */
.footer{
	width: 100%;
	height:20px;
}
.liens_footer{
float:left;
text-align:right;
width:695px;
}
.made_with{
margin-left:60px;
}
.made_with a, .liens_footer a{
text-decoration:none;
color:#000;
font-size:10px;
}
#logo_illicopage{
position:relative;
top:2px;
height:17px;
width:17px;
}

/**/

/* Gestion du plan du site */
a.PLAN0{
	font-size: 1.2em;
	font-weight:bold;
	color:#0066A5;
	text-decoration: none;
	color:#ED1B2F;
}
a.PLAN0:hover{
	color:#000000;
}

a.PLAN1{
	font-size: 1em;
	font-weight:bold;
	color:#6F818F;
	text-decoration: none;	
}

a.PLAN1:hover{
	color:#000000;
}

a.PLAN2{
	font-size:0.9em;
	font-weight:bold;
	color:#555E14;
	text-decoration: none;
}

a.PLAN2:hover{
	color:#000000;
}
a.PLAN3{
	font-size:0.9em;
	font-weight:bold;
	color:#555E14;
	text-decoration: none;
	list-style-position: inside;
	list-style-type: square;
}

a.PLAN3:hover{
	color:#000000;
}

/******************/
h1{
	color:#ED1B2F;
	font-size:14px;
	font-weight:bold;
	background-color:#B0CA39;
	padding:3px 10px 3px 10px;
}
h2{
	color:#ED1B2F;
	font-size:13px;
	font-weight:bold;
	background:url(/charte/puce_chevron_rouge.gif) no-repeat 0px 3px;
	padding-left:15px;
}
h3{
	color:#555E14;
	font-size:13px;
	font-weight:bold;
}
h4{
color:#555E14;
font-size:12px;
font-weight:bold;
}
p, td, li, a{
color:#000;
font-size:12px;
}

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

.contenu li{
list-style:url(/charte-ot/puce_chevron_rouge.gif);
}
img{border:0;}

.ombre_image img{border: 1px solid #ffffff;}

.invisible{display:none;}

.legende{
font-size:10px;
color:#666666;
font-style:italic;
}


/*** presentation du menu lateral ***/
.menuLat{
width:180px;
}
* html .menuLat{
width:185px;
}
.menuLat ul{
margin:0;
padding:0;
display:block;
clear:both;
}
.menuLat li{
list-style:none;
float:left;
width:100%;
}
.menuLat a{
text-decoration:none;
}
.menuLat a:hover{
cursor:pointer;
}

.menuG-1{
	background:url(/charte-ot/puce_t1.png) no-repeat 2px top #6F818F;	
	margin-bottom:1px;
	min-height:33px;
}
* html .menuG-1{
height:33px;
}
.menuGactive-1{
	background:url(/charte-ot/puce_t1.png) no-repeat 2px top #CA280F;	
	min-height:33px;
}

* html .menuGactive-1 a{
height:33px;
}
* html .menuGactive-2 a{
height:0;
height:auto;
}
* html .menuG-2 a{
height:0;
height:auto;
}
.menuG-1 a, .menuGactive-1 a{
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:37px;
	display:block;
	padding-top:3px;
	line-height:15px;
	padding-bottom:2px;
}
.menuG-1 a:hover{
color:#fff;
text-decoration:none;
}
.menuGactive-1 a:hover{
color:#fff;
text-decoration:none;
}
.menuG-2 a, .menuGactive-2 a{
font-size:12px;
font-weight:bold;
padding-bottom:3px;
color:#fff;
background:url(/charte-ot/puce_chevron.png) no-repeat 10px 7px #CA280F;
padding-left:20px;
display:block;
margin-left:0px;
padding-top:3px;
border-bottom:1px solid #EDDFCA;
}
.menuGactive-2 a, .menuG-2 a:hover{
background:url(/charte-ot/puce_chevron_rouge.gif) no-repeat 10px 7px #fff;
color:#CA280F;
}
.menuG-3 a, .menuGactive-3 a{
font-size:12px;
margin:0;
padding:0;
background:url(/charte-ot/puce_carre.gif) no-repeat 20px 7px #fff;
color:#333333;
display:block;
font-weight:normal;
border:0px;
padding:1px 2px 1px 28px; 
}
.menuGactive-3 a, .menuG-3 a:hover{
background:url(/charte-ot/puce_carre_f2.gif) no-repeat 20px 7px #fff;
color:#CA280F;
}
.menuG-4 a, .menuGactive-4 a{
font-size:11px;
margin:0;
padding:0px 2px 0px 32px;
background:none #fff;
display:block;
color:#333333;
}
.menuGactive-4 a, .menuG-4 a:hover{
background-color:#fff;
color:#CA280F;
}
/* illicopage */
a.lien_menu{
color:#000000;
}
p.user_courant{
margin-top:0;
}
#lien_illicopage{
clear:both;
float:left;
}
/* redefinition du menu javascript */
.menuLat dd a, .menuLat dd a
{
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #CA280F;
	padding:2px 2px 2px 15px;
	display:block;
	background:url(/charte-ot/puce_chevron_rouge.gif) no-repeat 2px #ffffff;
	border-bottom:1px solid #eedfcc;	
}

.menuLat dd a:hover
{
	color: #fff;
	background:url(/charte-ot/puce_chevron.png) no-repeat 2px #CA280F;	
}