#newsletter {
float:left;
}


#photo h2 {
padding-top:0;
text-transform:uppercase;
}

#img_livre {
float:right;
margin-right:35px;
margin-top:63px;
margin-bottom:30px;
margin-left:12px;
}

#texte_1 h2 {
padding-top:45px;
}



/*-------------- Tableau livre -------------- */

#tableau_livre {
padding-top:70px;
height:175px;
margin-bottom:25px;
}


#tableau_gauche {
float:left;
width:50%;
border-bottom:1px solid #d1e4d1;
border-right:1px solid #d1e4d1;
height:175px;
margin:3px 0;
}

#tableau_gauche p {
border-top:1px solid #d1e4d1;
font-size:12px;
margin:3px 0;
}

#tableau_droite p {
font-size:12px;
margin:3px 0;
}

#tableau_droite {
margin:6px 0;
float:right;
width:49%;
font-size:12px;
border-top:1px solid #d1e4d1;
border-bottom:1px solid #d1e4d1;
border-left:1px solid #d1e4d1;
height:171px;
}



/*-------------- Mise e,n forme du texte d'intro */

#texte_1 {
display:block;
position:absolute;
left:210px;
top:10px;
height:475px;
width:585px;
margin-left:15px;
/*border:1px solid red;*/
}

#texte_1 h2{
padding-top:50px;
}

#vide {
float:left;
margin-bottom:10px;
height:161px;
width:126px;
left:-20px;
}

#border {
height:1px;
width:126px;
border-top:1px solid #d1e4d1;
position:absolute;
margin:170px 0 0 210px;
}

#cache_trait{
height::1x;
width:3px;
border-top:3px solid #f2fcf3;
left:286px;
top:76px;
position:relative;
}

#center {
margin:0 auto 0 auto;
width:175px;
text-align:center;
}

#commander_livre {
margin-left:470px;
margin-top: 18px;
}

#commander_tablier {
margin-left:70px;
margin-top: 5px;
}

#commander_livre_us {
margin-left:510px;
margin-top: 18px;
}

#commander_tablier_us {
margin-left:110px;
margin-top: 5px;
}
/*~~~~~~~~~~~~~~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;
}



/*~~~~~~~~~~~~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;
position:absolute;
}

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

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


	.cadre_droit_texte, p, form, h3 {
	padding:5px 10px
	}
	
#content_bas {
width:800px;
}

#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~~~~~~~~~*/

.contenu {
overflow:hidden;
margin-bottom:5px;
height:50px;
width:550px;
padding:10px;
border-right:1px solid #d1e4d1;
border-bottom:1px solid #d1e4d1;
}

.clear {
clear:both;
}


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