body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#b0afaf;
	font-size:12px;
}
* {margin:0; padding: 0;}
div#mainwrap {width:1006px; margin-left:auto; margin-right:auto; text-align:left;}
div#header {width:1006px; height: 196px; background-color:#CCCCCC;}
/* styles header */
.contacts{margin-right:10px; margin-top:100px; color:#ce0df1; font-weight:bold; font-size:14px;}
div#headleft{width:371px; text-align:left; vertical-align:top; float:left; height:159px;}
div#headright{width:635px; text-align:right; float:left; height:159px; vertical-align: middle; background-image:url(../images/gen/bandeau-bkg2.gif)}
div#headright a{color:#ce0df1; text-decoration:none;}
div#headright a:visited{color:#ce0df1; text-decoration:none;}
/* fin styles header */
div#menu{
	width:1006px;
	height: 39px;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	background-image: url(../images/menuh/bckgmenusmall.gif);
	float:left;
}
div#menu a{ text-decoration:none; color:#FFFFFF;}
div#menu a:hover{ text-decoration:none; color:#ce0df1;}
div#menubottom{ width:860px; background-image: url(../images/home/menubottom.gif); height:21px; float:left; float:left;}
/*MENU H*/
div#menuh{ height:38px; float:left; text-align:center; font-size:18px;}
div#accueil{ width:150px; margin-right:4px; float:left; background-image:url(../images/menuh/bckgmenu.gif); padding:8px 0 8px 0;}
div#soirees{ width:90px; margin-right:4px; float:left; background-image:url(../images/menuh/bckgmenu.gif); padding:8px 0 8px 0;}
div#formation{ width:152px; margin-right:4px; float:left; background-image:url(../images/menuh/bckgmenu.gif); padding:8px 0 8px 0;}
div#seminaire{ width:130px; margin-right:4px; float:left; background-image:url(../images/menuh/bckgmenu.gif); padding:8px 0 8px 0;}
div#communication{ width:190px; margin-right:4px; float:left; background-image:url(../images/menuh/bckgmenu.gif); padding:8px 0 8px 0;}
div#animation{ width:132px; margin-right:4px; float:left; background-image:url(../images/menuh/bckgmenu.gif); padding:8px 0 8px 0;}
div#contact{ width:138px; float:left; background-image:url(../images/menuh/bckgmenu.gif); padding:8px 0 8px 0;}
/*FIN MENU H*/
div#contentarea {width:1006px;}
div#cadre{ width: 859px; float:left; margin-right:6px; color:#FFFFFF; background-image: url(../images/home/centre-bckg.gif);} /* pour relever colonne droite */

/*div#cadre { float:left; margin-right:6px; }*/

div#rightcolumn{ width:135px; background-color:#FFFFFF; float: right; margin-top:5px; margin-left:5px;}
/* styles colonnes droite */
/* fin styles colonnes droite */
div#baspage{ width:859px; height:11px; background-image:url(../images/home/baspage.gif); float:left;}
div#footer{ width:1006px; text-align:center; padding-top:6px; float:left; font-size:10px; margin-bottom:30px;}
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
.titrenews{ font-size:11px; font-weight:bold;}
.news{ font-size:10px;}
.savoirplus a:visited{ font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
.savoirplus a{ font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
.nav a:visited{ font-size:12px; color:#ce0df1; font-weight:bold; text-decoration:underline;}
.nav a{ font-size:12px; color:#ce0df1; font-weight:bold; text-decoration:underline;}

/*CENTRE*/
div#cadre a{ text-decoration:none; color:#FFFFFF;}
div#cadre a:hover{ text-decoration:none; color:#ce0df1;}


div#cadre2 {width:270px; height:183px; float:left; margin-right:6px; background-image:url(http://www.cordocou.com/synergiacom/images/home/case.jpg);}
div#cadre3 {width:270px; height:183px; float:left; margin-right:6px;background-image:url(http://www.cordocou.com/synergiacom/images/home/case.jpg);}
div#cadre4 {width:270px; height:183px; float:left; margin-right:6px;background-image:url(http://www.cordocou.com/synergiacom/images/home/case.jpg);}


div#cadre5 {top:200px; width:270px; height:183px; float:left; margin-right:6px; background-image:url(http://www.cordocou.com/synergiacom/images/home/case.jpg); }
div#cadre6 {top:200px; width:270px; height:183px; float:left; margin-right:6px;background-image:url(http://www.cordocou.com/synergiacom/images/home/case.jpg);}
div#cadre7 {top:200px; width:270px; height:183px; float:left; margin-right:6px;background-image:url(http://www.cordocou.com/synergiacom/images/home/case.jpg);}

div#texte1 {text-align : center; top:4px; left : 35px; font-family:Helvetica, Arial, sans-serif; font-size:19px; color:#FFFFFF;text-align : center;}

div#texte2 {text-align : center; top:4px; left : 95px; font-family:Helvetica, Arial, sans-serif; font-size:19px; color:#FFFFFF;text-align : center;}
div#texte3 {text-align : center; top:4px; left : 65px; font-family:Helvetica, Arial, sans-serif; font-size:19px; color:#FFFFFF;text-align : center;}
.five{ padding:5px;}
.encart{ border:1px solid #ce0df1;}
.titrencart{ color:#FFFFFF; font-weight:bold; padding:5px; font-size:14px;}
h1{color:#FFFFFF;font-size:12px;padding:0px;margin:0px;}
h2{color:#000000;font-size:12px;padding:0px;margin:0px;font-weight:normal;}
div#cartouche a{ color:#000000;}
.cartouche a{ color:#000000;}