@charset "utf-8";

body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em; /*em correspond à une unité de valeur comme px par exemple pour en savoir plus ---   http://batraciens.net/css-astuces/apprendre-css.htm  en bas de la page*/
height : 100%;
text-align : left;
width : 100%;
background: url(../img/fond_g.jpg) repeat-y #2c2b2b;
/*background :#2c2b2b;*/
}

html, body {
           height : 100%;
           width : 100%;
           padding : 0;
           margin : 0;
           text-align : left;/*permet de centrer l'enssemble du site*/
		   }

#gauche{
float:left;
/*background: url(../img/fond_g.jpg) repeat-y;*/
width:403px;
height:100%;
color:#fff;
}

#cont_droit{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:44px 0 0 0;
color:#fff;
font-size:0.9em;
line-height:20px;
margin-left:403px;

}

#logo{
margin:20px 0 0 125px;
background: url(../img/logo.gif);
width:264px;
height:76px;
}

#titre_gauche{
color:#009dc0;
text-align:right;
font-size:1em;
font-weight:normal;
}

#cont_droit h1{
display:block;
text-align:right;
width: 570px;
}

h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009dc0;
/*text-align:right;*/
font-size:1.6em;
font-weight: 400;
margin:0px 0px 30px 0px;
}

#texte h2{
font-size:1.6em;
font-weight:400;
}

h3{
font-size:1.2em;
font-weight:700;
margin:20px 0 10px;
}

a{
border:none;
}

img{
border:none;
}

.soustitre{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
margin:40px 0 10px;
padding:1px	 0 0 22px;
background: url(../img/avt_titre.gif) no-repeat; 
}

.avt_fleur{
padding:1px	 0 0 22px;
background: url(../img/avt_titre.gif) no-repeat; 
}


/*-------------------------------------------menu---------------------------------*/
#gauche ul{
list-style:none;
font-size:10pt;
line-height:18px;
text-align: right;
}

#gauche ul a{
color:#009dc0;
text-decoration:none;
}

#gauche ul a:hover{
color:#fff;
text-decoration:none;
}

#gauche ul ul{
font-size:8pt;
padding: 0 ;
margin: 0 ;
}

#gauche ul ul a{
color:#fff;
}

#gauche ul ul a:hover{
color:#009dc0;
}

.navigation {
margin: 40px 15px 0 0;

}

#zone{
height:73px;
width:270px;
position:absolute;
top:23px;
left:130px;
}
/*-------------------------------------------autre---------------------------------*/

#presentation{
	position: absolute;
	top:320px;
	left:12px;
	width:373px;
	line-height:20px;
	font-size:0.89em;
	text-align:justify;
}

#texte{
margin: 71px 0 0 20px;
width:580px;
font-size:0.92em;
}


.blanc{
color:#fff;	
}

.bleu{
color:#009dc0;
}
.bleugras{
color:#009dc0;
font-weight:bold;
}

a {
color:#009dc0;
text-decoration:none
}

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


#cont_droit ul{
list-style:square;
}

#flickr{
position:absolute;
top:150px;
left:30px;
}
/*---------------------------liste créations--------------*/
#cont_droit #creation{
list-style:none;
padding:0px;
margin:0px;
}

#cont_droit #creation li{
display:inline;
}

#cont_droit #creation li img{
margin:3px;
}

/*---------------------------------------Formulaire------------------*/

#errormsg{
margin: 10px 0;
border:2px solid #009dc0;
padding:5px;
width:20em;
}   
 
.error{
background:#A8A5A1;
border:1px solid #009dc0;
}

.champs{
border:1px solid #A8A5A1;
}

.champs:focus{
border:1px solid #009dc0;
}

#indic_bas{
margin: 40px 0 0 0;
font-size:7pt;
text-align: right;
}