/* prévenir les différentes interprétations des navigateur des margin et paddings en les mettants tous à 0 */
* {padding:0; margin:0;}

/* désactiver les puces des listes (utilisation la plus courante, les redéfinir dans des classes si besoin est) */
ul {list-style:none;}

/* retirer la bordure des images avec lien (utilisation la plus courante) */
a img {border:0;}

/* centrer un site sur la page : lui donner une largeur (px, % ou autre) et définir ses marges latérales à auto */
#cadre {margin:0 auto;width:1000px;}
#header{background-image:url(images/header.jpg);position:relative;left:75px;background-repeat:no-repeat;width:850px;height:115px;float:left;}

#menu{float:left;width:850px;background-color:#66CDCC;padding-left:75px;padding-right:75px;}
A#bt0{float:left;padding:10px 20px 10px 20px;color:white;text-decoration:none;}
A#bt0:hover{text-decoration:underline;}
DIV#bt0{float:left;text-decoration:underline;}

#contenu{background-color:white;width:850px;padding:10px 75px 10px 75px;float:left;height:auto !important;height:431px;min-height:431px;font-size:10pt;}
#left{width:316px;margin:10px 20px 10px 0px;float:left;}
#nouveau{
	width:139px;
	height:109px;
	position:relative;
	top:190px;
	left:190px;
	background-image:url(images/vignette.png)!important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/vignette.png', sizingMethod='scale');
}
#imageLeft{background-repeat:no-repeat;background-position:center center;background-image:url(images/imgColLeft.jpg);border:2px solid #66CDCC;padding:5px 5px 5px 5px;width:302px;height:254px;}
#coordonnee{border:2px solid #66CDCC;padding:5px 5px 5px 5px;color:#6B3808;margin-top:20px;}
H1{color:#6B3808;font-size:13pt;}
HR{border:1px dotted #66CDCC;margin-top:5px;margin-bottom:5px;}
BODY{background-color:white;background-repeat:repeat-x;font-family:verdana;}
/* lien faisant toute la taille de l'élèment parent */
/* définir les dimensions de l'élément parent (ici li) */
/* donner au lien toute la hauteur et la largeur de l'élément parent et régler le rendu sur block */
#menu ul li{float:left;}



/*** formulaires de contact ***/

/* message d'erreur et d'information */
/* positionnement de l'icone */
.contact .formulaire p.info, .contact .formulaire p.alerte{background-repeat:no-repeat; background-position:left center; text-indent:20px;}
/* choix de l'icone + couleur contour information */
.contact .formulaire p.info{background-image:url(images/information.png); border:1px solid #69c;}
/* choix de l'icone + couleur contour erreur */
.contact .formulaire p.alerte{background-image:url(images/warning.png); border:1px solid #F00;}

.contact .infos{float:right;}

/* formulaire */
.contact .formulaire{float:left; width:545px !important; width:540px; text-align:left; color:#483027;}
.contact .formulaire  p{padding: .2em 0; margin: 0 0 .2em 0;}
/* mise en forme label */
.contact .formulaire label {float: left; width: 125px; text-align: right; margin: 0; padding: 0 .5em 0 0; line-height: 1.6;}
.contact .formulaire label:hover, .contact .formulaire input {cursor: pointer;}
.contact .formulaire label.haut {width:100%;text-align:left;}
/* mise en forme champs */
.contact .formulaire input{width:20em; height:1.2em; border:1px solid #999;}
.contact .formulaire textarea{width:390px; border:1px solid #999;}
.contact .formulaire .radio{margin:0 5px 0 10px; padding:0; border:0; width:20px;}
/* mise en forme legende / info champs */
.contact .formulaire .legende {font-style : italic;}
/* mise en forme champs obligatoires */
.contact .formulaire label.oblig {font-weight: bold;}
.contact .formulaire label.oblig:before {content:"* ";}
/* décoration lien pour google maps */
a.googlemaps:after{content:" " url(images/googlemaps.png);}


/*** pied de page (solixis + mentions) ***/
#footer{clear:both;width:850px;font-size:10pt;padding:0px 75px 0px 75px;}
#footer a{color:#484A4A;text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#footer ul li.copyright A:before{content:"© ";}
#footer .mentions{float:left;}
#footer .copyright{float:right;}