@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}
img, span, a
{outline:none;}

.strong{
font-weight:bold;
}

BODY, html{
	font-size:62.5%;
	background-color:#aaa;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#333;
	line-height:1.3em;
}
p{
	margin: 0 0 15px 0;
}
H1{
	position:relative;
	display:block;
	width:265px;
	color:#fff;
	top:10px;
	left:32px;
	line-height:1.0em;
	font-size:1.7em;
}

H2{
	font-family:"Century Gothic", CenturyGothic, "CenturyGothic", Arial, Helvetica, sans-serif;
	color:#34A135;
	font-weight:normal;
	font-size:1.6em;
	margin: 0 0 20px 0;	
}

H3{
   margin:15px 0;
   color:#333;
   font-size:1.2em;	
}


H4{
   margin:15px 0;
   color:#34A135;
   font-size:1.1em;	
}

HR {
	display:block;
	height: 1px;
	margin: 0;
	padding: 0;
	color: #BBBBBB;
	background-color: #BBBBBB;
	border: 0;
}


a{
font-weight:bold;
text-decoration:none;
color:#34A135;
}
a:hover{
text-decoration:underline;
}
IMG{
	border:none;
}




/*-------------------------------container-------------------------------------*/

#global{
width:933px;
margin:auto;
}

#principal{
	width:933px;
	background:transparent url(/squelettes/assets/bg.jpg) repeat-y left top;	
}

#banner{
	height:192px;
	width:933px;
	background:transparent url(/squelettes/assets/banner4.jpg) no-repeat left top;
}

#titre{
	float:leftt;
	width:500px;
}

#lang{
float:right;
margin:13px 30px;
}
#formulaire_menu_lang{
}
#formulaire_menu_lang label{
display:none;
}

#menu{
	width:933px;
	height:44px;
	background:transparent url(/squelettes/assets/bg_menu.jpg) no-repeat top left;
	margin:0 0 30px 0 ;
}
#content{
	width:933px;
}

#contenu{
	float:left;
}

#gauche{
	float:left;
	width:570px;
	padding:40px 20px 0 30px;
	/*background-color:#33CC99;*/
}

div.colonne-simple{
	width:870px;
	padding:40px 20px 0 30px;
}


#droite{
	float:right;
	width:264px;
	padding:40px 30px 0 0;
	/*background-color:#33CC99;*/
}


#footer{
	width:700px;
	margin:auto;
	padding:0 0 15px 30px;
	font-size:0.9em;
	color:#666;
	float:left;
}



/*-------------------------------mise en page-------------------------------------*/

IMG.logo{
position:relative;
left:56px;
}

div.date{
color:#132118;
font-weight:bold;
font-size:1.0em;
margin:10px 0 10px 0;
position:relative;
top:5px;
left:32px;
text-align:left;
}



div#box-gris-clair{
width:834px;
background-color:#e6e6e6;
padding:20px;
margin:0 0 20px 30px;
}

div#box-gris-clair h3{
background:transparent url(/squelettes/assets/h3-grisclair.jpg) no-repeat left top;
padding:5px 0 5px 30px;
color:#F28409;
}
div.grisclair-left{
float:left;
width:550px;
background: transparent url(/squelettes/assets/grisclair-separation.jpg) no-repeat right top;
padding:0 30px 0 0 ;
}
div.grisclair-right{
float:right;
width:242px;
}
div.grisclair-right h4{
font-size:1.1em;
margin:10px 0 0 0;
}
div#box-gris-fonce{
background-color:#CC3333;
width:875px;
margin:5px 0 10px 10px;
background:#5d5d5d url(/squelettes/assets/bg_gris-fonce.jpg) no-repeat left top;
padding:20px 20px 5px 20px;
}
div#box-gris-fonce h3{
background:transparent url(/squelettes/assets/h3-grisfonce.jpg) no-repeat left top;
padding:5px 0 5px 30px;
color:#fff;
}


div.gris-fonce-1{
float:left;
width:280px;
color:#fff;
background:transparent url(/squelettes/assets/grisfonce-separation.jpg) no-repeat left top;
line-height:1.1em;
padding: 0 10px 0 20px;
}
div.gris-fonce-2{
float:left;
width:280px;
/*padding: 0 10px 0 20px;*/
}

div.gris-fonce-2 IMG{
margin:0 18px 10px 0;
vertical-align:middle;
}
div.gris-fonce-3{
float:left;
padding: 0 10px 0 20px;
width:250px;
min-height:150px;
background:transparent url(/squelettes/assets/grisfonce-separation.jpg) no-repeat left top;
}

div.chemin{
margin:30px 20px 0 20px;
font-weight:bold;
}

div.colonne-simple li, div#gauche li, div#droite li {
padding:0 0 7px 15px;
background:transparent url(/squelettes/assets/li.jpg) no-repeat left 4px; 

list-style:none;
}

div.colonne-simple ul, div#gauche ul, div#droite ul{
margin:20px 0 20px 30px;
}

span.chemin1{
color:#d4d4d4;
font-weight:bold;
}

div.chemin a{
color:#a9a9a9;
font-weight:bold;
text-decoration:underline;
}


div#droite h4{
font-size:1.1em;
margin:15px 0 0 0;
}

#footer a{
color:#666666;
}

#footer IMG{
vertical-align:middle;
}

span.orangeright a{
float:right;
color:#EEA14A;
font-weight:bold;
margin:6px 0 0 0;
}

div.boite-a-idee  {
height:28px;
width:231px;
background:transparent url(/squelettes/assets/bg_booite.jpg) no-repeat left top;
padding:40px 15px 0 0;
text-align:right;
margin:10px 0;
}

div.boite-a-idee a{
color:#fff;
font-size:1.6em;
font-weight:normal;
}

IMG.literacy{
margin:10px 0 20px 0;
}

.chapeau{
   margin:15px 0;
   color:#000;
   background-color:#e6e6e6;
   font-size:1.1em;	
   padding:5px;
}

/*-----------------------------------tableau--------------------------------------*/

table{
width: 95%;
margin: 15px 0 ;
border-collapse:collapse;
}

tr.row_first th{
font-weight: bold;
color:#000;
background-color:#e6e6e6;
font-size:1.1em;
padding: 5px;
text-align:left;
}

td{
padding:5px;
}

tr{
border-bottom:solid 1px #d1d1d1;
}

table.spip {
width: 550px;
}
table.spip td {
min-width: 95px;
vertical-align: top;
}


/*---------------------------------formulaire-------------------------------------*/

FIELDSET{
border:solid 1px #d1d1d1;
padding:10px;
margin:15px 0;
color:#34A135;
font-weight:bold;
width:60%;
}

label{
color:#666;
}

INPUT{
border:solid 1px #d1d1d1;
padding:2px 6px;
/*margin:4px;*/
}

INPUT.botno{
display:none;
}

SELECT{
border:solid 1px #d1d1d1;
}

INPUT#bt{
border:solid 1px #d1d1d1;
padding:2px 6px;
margin:10px 0 4px 0;
background-color:#d1d1d1;
color:#727272;
font-weight:bold;
}

textarea {
border:solid 1px #d1d1d1;
padding:2px 6px;
margin:4px 0;
}

INPUT#recherche{
background:transparent url(/squelettes/assets/bg_rechercher.jpg) no-repeat left top;
width:160px;
height:18px;
font-family:Arial, Helvetica, sans-serif;
padding:4px 6px 2px 6px; 
}

DIV.ajax{
 padding-left:20px;
}


DIV.ajax  FORM {
	width:530px;
	
}

DIV.ajax  FORM  DIV.libelle {
	width:110px;
	float:left;
	margin-bottom:4px;
	padding-top:2px;
}

DIV.ajax  FORM  DIV.saisie {
	width:400px;
	float:left;
	margin-bottom:4px;
}

DIV.ajax  FORM  DIV.saisie INPUT, DIV.ajax  FORM  DIV.saisie SELECT, DIV.ajax  FORM  DIV.saisie TEXTAREA {
	width:250px;
	margin-left:4px;
	
}

.formulaire_erreur{
	color:#CC0000;
	font-size:13px;
	margin-left:2px;
	font-weight:bold;
}


.erreur{
	color:#CC0000;
	font-size:11px;
	margin-left:2px;
}

.formulaire_ok{
	color:#34A135;
	font-size:13px;
	font-weight:bold;
}

.clear{
	clear:both;
}
/*--------------------------------------SPIP--------------------------------------*/

.spip_documents_left{
	margin: 0 10px 10px 0;
}

.spip_documents_right{
	text-align:right;
}

.spip_documents { 
	text-align: center;
}
.spip_documents_center { 
	clear: both; 
	padding:5px;
	background-color:#FFFFFF;
	display: block;
}
.spip_documents_center IMG{
	border:none;
	text-align: center;
	margin:auto;
}


p.spip_note {
	font-size:0.8em;
	margin-top: 25px;
	border-top:#CCCCCC 1px solid;
	margin-bottom: 5px;
	margin-top: 15px;
	text-align:justify;	
}

p.traductions {
	font-size: 0.8em;
	margin-left: 40px;
}


.spip_bouton input{
	height: 25px;
}

.formulaire_spip fieldset{
	margin-bottom: 10px;
}