body { background:url(images/fond.jpg) repeat-x #CDC1CD; margin:0; padding:0;}
#main { margin:0 auto; width:998px;}

#header { height:115px;}
#logo { width:192px; height:84px; float:left; padding-top:30px; padding-left:30px;}
#menu { float:left; padding-top:70px; padding-left:20px;}
#menu li { float:left; list-style:none; margin-right:36px;}

#milieu { height:696px;}

#haut { background-image:url(images/haut.jpg); background-repeat:no-repeat; height:297px; width:970px; padding-top:22px; padding-left:28px;}
#haut2 { background-image:url(images/haut2.jpg); background-repeat:no-repeat; height:585px;/*297px;*/ width:970px; padding-top:22px; padding-left:28px;}
#projecteur { float:left; width:606px; height:254px; background-color:#F60; position:relative; }
#projecteur2 { height:535px; width:606px; float:left; background-color:#FFF; }
#news { float:left; }
#blog { margin-top:17px; margin-left:25px; }
#im_blog { margin-right:35px;}
#info { color:#FFF; font:normal 12px Arial, Helvetica, sans-serif; margin-left:6px; }
#info ul { margin:0; padding:0;}
#info li { list-style:none; background-image:url(images/pointille.jpg); background-repeat:no-repeat; background-position:bottom; margin-top:7px; padding-bottom:8px; padding-left:19px; width:287px;}
#info li a { color:#fff; text-decoration:none; }
#info li a:hover { color:#fff; text-decoration:underline; }
#suite { margin-left:19px; margin-top:10px;}

#centre { background-image:url(images/milieu.jpg); background-repeat:no-repeat; height:288px; width:998px;}
#portfolio { margin-left:30px; margin-bottom:20px;}
#portfolio2 { margin-left:15px; margin-bottom:20px;}
#cadres { margin-left:30px;}
#realisation { float:left; margin-right:12px;}
#photo { border-left:1px solid #e27221; border-right:1px solid #e27221; border-top:1px solid #e27221; width:134px; height:134px; padding-top:6px; padding-left:6px;}
#photo a img { border:1px solid #CCC; }
#texte { font:normal 11px Arial, Helvetica, sans-serif;}
#texte a { text-decoration:none; color:#000;}
#texte a:hover { text-decoration:underline; }
.titre { color:#8b2453; font-weight:bold;}
#texte2 { margin-left:30px; font:normal 12px Arial, Helvetica, sans-serif; width:572px; text-align:justify; }
#texte2 a img { border:none; }
#nouvelle { margin-left:30px; margin-bottom:20px; width:580px; height:86px;}
#nouvelle2 { margin-left:15px; width:580px; }
#image a img { border:1px solid #cccccc; }
#image { float:left; margin-right:17px; }
#texte3 { float:left; font:normal 12px Arial, Helvetica, sans-serif; width:471px; text-align:justify; }
#gris { color:#666666;}
#gauche { margin-left:30px; float:left; margin-right:50px; width:179px; }
#gauche ul { margin:0; padding:0;}
#gauche li { list-style:none; margin:0; padding:0; height:30px;}
#droite { float:left; width:690px; font:normal 12px arial; }
#droite2 { float:left; margin-left:30px; font:normal 12px arial; width:550px; }
.apercu, .apercu2, .apercu3 { width:200px; float:left; margin-right:8px; margin-bottom:8px; }
.apercu2, .apercu3 { width:100px; font:bold 11px arial; text-align:center; margin-right:34px; }
.apercu3 { width:130px; margin-right:25px; }
.apercu2 a img, .apercu2 img, .apercu3 a img, .apercu3 img { border:1px solid #cccccc; }
.apercu a img, .apercu img { border:0; }
.apercu a { color:#333; text-decoration:none; }
.apercu { width:199px; border:1px solid #CCC; background-color:#FFF; padding:10px 10px 5px 10px; }
#texte3 a { text-decoration:none; color:#000; }
#texte3 #gris a.spip_out { color:#FF8E01; }
#texte3 a:hover { text-decoration:underline; }
#gris a { text-decoration:none; color:#666666;}
#gris a:hover { text-decoration:underline; }

#bas { background-image:url(images/bas.jpg); background-repeat:no-repeat; height:89px; width:998px; font:normal 12px Arial, Helvetica, sans-serif; color:#999999; }
#adresse { float:left; margin-top:21px; margin-left:37px;}
#coord { float:left; margin-top:21px; margin-left:37px;}
#face { float:left; margin-left:340px; margin-top:14px;}
#facebook { margin-bottom:7px;}

#footer { font:normal 11px Arial, Helvetica, sans-serif; text-align:center; margin-bottom:20px; }
#sous_menu { }
#blog2 { color:#e27221; margin:5px 0 0 0; }
#footer a { text-decoration:none; color:#8b2453;}
#footer a:hover { text-decoration:underline; }
#blog2 a { text-decoration:none; color:#e27221;}
#blog2 a:hover { text-decoration:underline; }

#pagination, #pagination2, #pagination3 { clear:both; text-align:right; width:580px; }
#pagination2, #pagination3 { width:680px; padding-right:10px; }
#pagination3 { width:506px; }
#pagination .lien_pagination, #pagination .on, #pagination2 .lien_pagination, #pagination2 .on, #pagination3 .lien_pagination, #pagination3 .on { padding:2px 8px; margin:0 2px 0 0; color:#FFF; background-color:#cc5e2a; border:1px solid #cc5e2a; text-decoration:none; font:bold 12px "Myriad Pro", Arial; }
#pagination .lien_pagination, #pagination2 .lien_pagination, #pagination3 .lien_pagination { background-color:#e5ae94; color:#fff; border-color:#cc5e2a; text-decoration:none; font:bold 12px "Myriad Pro", Arial; }

#un { width:300px; float:left; }
#deux { float:left; }
#deux p { margin:0; padding:0; }
#deux a { text-decoration:none; color:#8B2453; }
#deux img { margin:0 5px 0 0; }

#hierarchie { font:normal 11px arial; margin:0 0 20px 15px; }
#hierarchie a { color:#FF8E01; }