body{
background:url(../home/images/bg.gif) no-repeat;
background-color: #ccdcec;
font-family: Georgia;
margin:0;
}

#conteneur{
	width:980px;
	font: Georgial, serif;
	color: inherit;
	background:url(../home/images/ombre.png) repeat-y;
	margin:auto;
	padding:0 4px;
}

img{
border:0;
}

#haut{
width:980px;
height:132px;
background:url(../home/images/haut.jpg) no-repeat;
}

#haut h1{
color:#FFF;
letter-spacing:2px;
font:normal 20px Verdana, Arial, Helvetica, sans-serif;
margin:0;padding:33px 0 0 3px;
}

#haut img{margin:5px 0 0 26px;
}

#haut ul{
position:absolute;
height:20px;
list-style:none;
margin:106px 0 0 240px;
padding:0;
}

#haut li{
	float:left;
	display:inline;
	background:url(../home/images/puce.gif) no-repeat 0 5px;
	color: White;
	margin-left:3px;
	padding-left:8px;
	text-transform:uppercase;
	letter-spacing:2px;
}

#haut li.first{
background:none;
}

#haut p{
	color: White;
	float:right;
	font-size:14px;
	margin:3px 6px 0 0;
}

#haut p a{
	font: small-caps 14px Georgia;
	color:White;
	text-decoration:none;
	margin:0 3px;
}

#haut p a:hover{
	color: Navy;
}

#contenu{
background:url(../home/images/page.jpg) no-repeat;
border-collapse:collapse;
width:980px;
}

#contenu td{
vertical-align:top;
}

#gauche{
width:238px;
padding:0 0 20px 4px;
}

.cadre{
width:183px;
margin-left:23px;
background:url(../home/images/fond.png) repeat-y;
}

.cadre p{
text-align:center;
margin:0;
}

.cadre p a{
	font-variant: small-caps;
	font-size:14px;
	color:#333;
}

.cadre ul{
list-style:none;
margin:0;
padding:0 0 10px 10px;
}

.cadre li{
background:url(../home/images/puce_menu.gif) no-repeat 0 6px;
padding-left:11px;
margin-bottom:7px;
}

.cadre li a{
	font-family:Georgia;
	font-weight: bolder;
	letter-spacing:0.5px;
	font-variant: small-caps;
	font-size:15px;
	color:#000238;
	text-decoration:none;
	azimuth : center-left;
	background : none repeat-y;
}

.cadre h2{
background:url(../home/images/puce_menu.gif) no-repeat 0 4px;
width:158px;
color:#000238;
font-size:11px;
font-weight:400;
margin:0 0 0 7px;
padding:0 0 10px 8px;
}

.cadre h2 a{
font-size:11px;
color:#000;
text-decoration:none;
}

.basCadre{
width:183px;
height:10px;
margin-left:23px;
background:url(../home/images/bas.png) no-repeat;
}

.astuces{
width:183px;
height:13px;
background:url(../home/images/astuces.png) no-repeat;
margin:4px 0 0 23px;
}

#page{
	width:546px;
	padding-bottom: 50px;
	font-size:11px;
}

#page h2{
	font-size:14px;
	color: #900;
	border-bottom:1px dotted #900;
	margin:20px 0 0;
}

#page a{
color:#333;
}

#page p{
text-align:justify;
margin:10px 0;
}

#page p.auteur{
text-align:right;
font-weight:700;
font-style:italic;
}

#page p.code{
color:#C00;
text-align:right;
margin-right:110px;
font-size:11px;
}

#page p.add_astuce{
text-align:right;
margin:0 0 10px;
}

#page ul{
list-style:none;
margin:0;
padding:0;
}

#page ul li{
padding-left:15px;
text-align:justify;
background:url(../home/images/liste.gif) no-repeat 0 5px;
margin:5px 0 0 15px;
}

#page h1{
border-bottom:1px solid #900;
font-size:18px;
letter-spacing:1px;
background:url(../home/images/titre.gif) no-repeat 0 0px;
margin:10px 0 10px;
padding:0 0 0 40px;
}

#droite{
background:url(../home/images/droite.jpg) no-repeat bottom right;
}

.astuces_s{
	width:158px;
	height:13px;
	background: url(../home/images/astuces_s.png) no-repeat;
	margin:0px 0 0 23px;
}

.cadre_s{
text-align:center;
width:158px;
background:url(../home/images/fond_s.png) repeat-y;
margin:-5px 0 0 23px;
}

.cadre_s a{
color:#343434;
text-decoration:none;
font-weight:bold
}

.cadre_s p{
text-align:left;
margin:0 0 4px 22px;
}

.cadre_s span{
display:block;
color:#666;
font-size:11px;
padding-bottom:10px
}

.cadre_s p a{
font-size:11px;
color:#333;
text-decoration:underline;
}

.appercu{
border:1px solid #dbdbdb;
margin-bottom:5px;
}

.basCadre_s{
width:157px;
height:11px;
margin-left:23px;
background:url(../home/images/bas_s.png) no-repeat;
}

#ekinoxe{width:158px;
height:47px;
background:url(../home/images/fond_ekinoxe.png) no-repeat;
text-align:left;
margin:5px 0 10px 23px;
}

#ekinoxe img{margin:9px 0 0 28px;
}

#bas{
height:77px;
width:980 px;
background:url(../home/images/bas.jpg) repeat-x;
margin:-40px 0 0px 0px;
}

#bas h3{
float:left;
font-weight:400;
font-size:10px;
color:#424242;
margin:60px 0 0 10px;
}

#bas img{
float:right;
margin:10px 10px 0 0;
}

.tableau{
border:1px solid #E5E5E5;
margin-bottom:20px;
background:url(../home/images/bg_astuces.gif) no-repeat right 20px;
}

#page .tableau h2{
font-size:16px;
color:#333;
background:#E5E5E5 url(../home/images/astuce.gif) no-repeat right;
border:0;
margin:0;
padding:4px;
}

#page .tableau a{
display:block;
text-decoration:none;
font-size:12px;
font-weight:400;
margin:2px;
padding:5px;
}

pre{
width:532px;
min-height:50px;
background:#F7F7F7;
border:1px solid #999;
overflow:auto;
margin:0;
padding:5px;
}

pre span{
color:#c00
}

.box{
float:left;
background:url(../home/images/bg_realisations.gif);
width:155px;
height:192px;
text-align:center;
margin:10px 25px 10px 0;
}

.box img{
margin-bottom:5px;
}

.box span{
display:block;
font:10px "Trebuchet MS",helvetica,sans-serif;
color:#666;margin:5px 0 7px;
}

#contact{
border-collapse:collapse;
border:1px solid #CCC;
margin:20px auto auto;
}

#contact td{
border:1px solid #CCC;
padding:0;
}

#contact th.crypt td{
border:0;
padding:0;
}

#contact th.crypt table{
float:left;
margin-right:5px;
}

#contact th{
font-weight:400;
text-align:left;
vertical-align:top;
border:1px solid #CCC;
background:#EAEAEA;
padding:5px 10px 5px 5px;
}

#contact input.champ{
width:220px;
height:19px;
border:0;
padding:3px;
}

#contact input.file{
width:100%;
}

#contact input.erreur{
width:220px;
height:19px;
border:0;
background:#FFDDDE;
padding:3px;
}

#contact input.champ_code{
width:198px;
text-transform:uppercase;
border:0;
padding:11px;
}

#contact input.erreur_code{
width:204px;
text-transform:uppercase;
border:0;
background:#FFDDDE;
padding:11px;
}

#contact textarea{
width:220px;
height:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:0;
padding:3px;
}

#contact textarea.erreur{
background:#FFDDDE;
}

#contact input.submit{
border:1px solid #fff;
width:100%;
cursor:pointer;
}

.lien{
float:left;
border:1px solid #CCC;
width:534px;
margin-bottom:10px;
background:url(../home/images/bg_lien.gif) no-repeat bottom right;
padding:5px;
}

.lien img{
float:left;
margin-right:10px;
}

.lien a:hover img{
border:1px solid #DDD;
margin:-3px 7px -3px -3px;
padding:2px;
}

#page .lien h2{
font-size:16px;
color:#999;
border:0;
margin:0;
}

.lien p{
float:left;
width:380px;
height:43px;
}

.lien q{
font-style:italic;
}

a.url{
display:block;
float:left;
text-align:right;
color:#999;
text-decoration:none;
}

#search{
text-align:right;
height:40px;
}

#serch span{
display:block;
font-weight:700;
padding-top:7px;
margin-right:3px;
float:right;
}

#search form{
float:right;
}

#page .plan li{
background: url('../home/images/puce_menu.gif') no-repeat 0 4px;
font-weight:700;
margin:10px 0;
padding:0 0 0 10px;
}

#page .scat li{
background:none;
border-left:1px solid #999;
margin:0 0 0 30px;
padding:3px 0 0 10px;
}

.tab{
float:left;
width:273px;
border:1px solid #E5E5E5;
background:url(../home/images/bg_astuces.gif) no-repeat right 20px;
margin:10px 0 0px 0px;
}

#page .tab a{
display:block;
text-decoration:none;
font-size:12px;
font-weight:400;
border-top:1px dotted #ccc;
padding:5px;
}

.edito{
width:544px;
float:left;
border:1px solid #e3bfbf;
background:url(../home/images/bg_astuces.gif) no-repeat right 20px;
margin:10px 0;
}

#page .edito p{
margin:4px 0;
padding:5px;
}

form,.plan,.scat{
margin:0;
padding:0;
}

.cadre p a:hover,.cadre li a:hover,.cadre h2 a:hover,.cadre_s p a:hover{
color:#c70606;
}

#page a:hover,#contact th.crypt,#contact th span{
color:#C00;
}

#page p.add_astuce a,.box a{
text-decoration:none;
}

#page h1:first-letter,#page .tableau a span,#page .tab a span{
	color: #11377c;
	font-weight:bold;

}

#page .tableau a:hover,#page .tab a:hover{
	background: #eee;
	color:#333;
}

#page .tab h2,#page .edito h2{
	font-size:12px;
	color:#333;
	background: #E5E5E5 url('../home/images/astuce.png') no-repeat right;
	border:0;
	margin:0;
	padding:4px;
}

#firefox{
margin:8px 0 0 23px
}

#page #annuaire h1 {
background: none;
border: 0;
font-weight:normal
 }