/* CSS STRUCTUREL
http://www.macomm.net - Tous droits réservés
Contact : infos@macomm.net
*/

* { margin:0;padding:0; }

html {
	height:100%;
}

body {
	background-color:#E5FFFF;
	background-image:url('img/bg.gif');
	background-repeat:repeat-x;
	/*height:713px;*/
}

#page {
	width:963px;
	margin-left:auto;
	margin-right:auto;
	padding-top:-30px;
}

#header {
	margin-left:-30px;
	padding-top:-30px;
	width:889px;
	height:149px;
	background-image:url('img/head.gif');
}
#bloc-haut {
	/*background-color:#CCCCCC;*/
	/*float:left;*/
	margin-left:50px;
	width:798px;
	height:132px;
	background-image:url('img/bloc_haut.png');
	background-repeat:no-repeat;
}

#bloc-haut h1 {
	/*background-color:#999999;*/
	float:left;
	text-indent:-960px;
	margin-top:20px;
	margin-left:20px;
	width:131px;
	height:66px;
	background-image:url('img/logo.png');
	background-repeat:no-repeat;
}

#bloc-haut ul {
    /*background-color:#666666;*/
	margin-left:20px;
	float:left;
	list-style-type:none;
	width:600px;
}

#bloc-haut ul li {
	float:left;
	display:inline;
	padding-right:3px;
	width:190px;
	height:123px;
}

#bloc {
  margin-left:52px;
  width:795px;
  height:400px;
  background-color:#FFFFFF;
  background-image:url('img/bord.gif');
  background-repeat:repeat-y;
}
#colonneGauche {
  float:left;
/*  background-color:#00CCFF;*/
  margin-left:10px;
  width:160px;
  height:400px;
}
#colonneGauche ul {list-style-type:none;}
#colonneGauche ul li {font-family:verdana; font-size:11px; color:#990000;}
#colonneGauche ul li a {font-family:verdana; font-size:11px; color:#990000; text-decoration:none}
#colonneGauche ul li a:hover {font-family:verdana; font-size:11px; color:#990000; text-decoration:underline;}

#colonneGauche fieldset {background-color:#DDDDDD;}
#colonneGauche fieldset legend {background-color:#990000; font-family:verdana; font-size:12px; color:#FFFFFF;}
#colonneGauche fieldset ul {list-style-type:circle;}
#colonneGauche fieldset ul li {font-family:verdana; font-size:10px; color:#666666;}

#contenu {
  float:left;
  margin-left:10px;
  width:600px;
  /*height:400px;*/
}

#anim-comm {
  float:left;
  background-color:#FFFFFF;
  width:400px;
  height:200px;
}

#editorial {
  float:left;
  background-color:#FFFFFF;
  width:400px;
  height:300px;
}
#editorial h2{ padding-top:10px; font-family:verdana; font-size:14px; color:#6699FF;}
#editorial h2 a{ padding-top:10px; font-family:verdana; font-size:14px; color:#6699FF; text-decoration:none;}
#editorial h2 a:hover{ padding-top:10px; font-family:verdana; font-size:14px; color:#6699FF; text-decoration:underline;}
#editorial h3{ padding-left:8px; font-family:verdana; font-size:11px; color:#666666;}
#editorial p{ width:390px; padding-left:8px; font-family:verdana; font-size:11px; color:#666666;}
#editorial td.txt{background-color:#DDDDDD; padding-left:8px; font-family:verdana; font-size:11px; color:#6699FF;}

#actu {
  float:left;
  background-color:#FFFFFF;
  width:200px;
  height:200px;
}
#actu p {font-family:verdana; font-size:11px; color:#666666;}

#realisations{
  float:left;
}
#realisations h2 {font-family:verdana; font-size:11px; color:#990000;}
#realisations p { text-align:left; font-family:verdana; font-size:14px; color:#666666;}
#realisations ul {list-style-type:none; width:154px; float:left;}
#realisations ul li {display:inline; font-family:verdana; font-size:11px; color:#666666; width:154px; float:left;}

#info-contact{
  float:left;
}
#info-contact h2 {font-family:verdana; font-size:11px; color:#990000;}
#info-contact p { font-family:verdana; font-size:14px; color:#666666;}
#info-contact ul {list-style-type:none; width:154px;}
#info-contact ul li {display:inline; font-family:verdana; font-size:11px; color:#666666;}

#footer {
	/*background-color:#CCCCCC;*/
	/*float:left;*/
	margin-left:52px;
	width:798px;
	height:22px;
	background-image:url('img/bloc-bas.png');
	background-repeat:no-repeat;
}