/*~~~~~~~~~~~~~~PAGE~~~~~~~~~~~~~~~~~~*/
* {
margin:0px;
padding:0px;
}

body {
background-image:url(../img/general_bg.jpg);
}

#page {
width:800px;
height:600px;
margin:0 auto 0 auto;
}


/*~~~~~~~MISE EN FORME DU TEXTE~~~~~~~~~~~~*/
p {
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
}

.small {
font-size:11px;
}

/*~~~~~~~~~~~~~~TITRES~~~~~~~~~~~~~~~~~*/
h2 {
font-family: "Times New Roman", Times, serif;
font-size:14px;
text-transform: uppercase;
color: #009833;
padding-left:5px;
padding-top:5px;
}

.h2 {
color: #9a9a9a ;
}


/*~~~~~~~~~~~~HEADER~~~~~~~~~~~~~~~~~~*/
#header {
background-color: #fdf8f2;
background-image:url(../img/titre01.jpg);
background-repeat:no-repeat;
width:800px;
height:92px;
}

#header_top {
background-color: #ebf6f2;
background-image:url(../img/header_top.jpg);
background-repeat:no-repeat;
width:800px;
height:12px;
}

#logo {
background-color: #FFFFFF;
float:left;
width:200px;
height:130px;
}

#titre {
background-color: #FFFFFF;
float:right;
width:590px;
height:130px;
}


/*~~~~~~~~~~~~CONTENT~~~~~~HEIGHT : 632~~ou 464 ???~~~~~~~~~~*/
#intro {
margin-right:13px;
float:right;
width:450px;
margin-top:10px;
width:450px;
height:160px;
border-top:1px solid #d1e4d1;
border-left:1px solid #d1e4d1;
border-right:1px solid #d1e4d1;
background-color: #f2fcf3;
}

#content {
margin-top:0px;
padding:0px;
background-image:url(../img/arche01.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
width:800px;
}

#content_droit {
float:right;
height:310px;
width:570px;
margin: 0 20px 0 0;
}

#cadre_droit {
height:300px;
width:575px;
border-top:1px solid #d1e4d1;
border-left:1px solid #d1e4d1;
border-right:1px solid #d1e4d1;
background-color: #f2fcf3;
}

#pagination {
padding-top:3px;
height:17px;
width:575px;
margin: 0 20px 10px 0;
padding-top:0;
text-align:center;
background-color: #f2fcf3;
border-bottom:1px solid  #d1e4d1;
border-left:1px solid  #d1e4d1;
border-right:1px solid  #d1e4d1;
}

#pagination p{
display:inline;
}

#pagination a{
font-size:11px;
}
	.cadre_droit_texte, p, form, h3 {
	padding:5px 10px;
	}

#content_bas {
width:800px;
}

#newsletter {
float:left;
height:85px;
width:200px;
background-color: #f2fcf3;
border:1px solid #d1e4d1;
margin: 55px 25px 5px 50px;
}
	#newsletter h2, #newsletter p {
	margin-bottom:0;
	padding-bottom:0;
	}

	#newsletter input {
	margin-top:0;
	}

#photo {
float:left;
height:auto;
padding:10px 5px;
width:175px;
background-color: #f2fcf3;
border:1px solid  #d1e4d1;
margin: 0 0 0 10px;
/*background-image:url(../img/photos/photo_ateliers.jpg);
background-repeat:no-repeat;
background-position:center;*/
}

#photo2 img{

margin:0 auto 0 auto;
}

/*~~~~~~MISE EN FORME ATELIERS~~~~~~~560*300~~~*/

.contenu {
overflow:hidden;
margin-bottom:5px;
height:60px;
width:554px;
padding:10px;
padding-top:0;
border-bottom:1px solid #d1e4d1;
}

.clear {
clear:both;
}


/*~~~~~~~~~~~~~FOOTER~~~~~~~~~~*/
#separation {
clear: both;
}