/* CSS Document */
@charset "UTF-8";

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, li, br, form {margin:0px; padding:0px;}	
body {background-color:#999}
#cont{width:950px; margin-left:auto; margin-right:auto; padding-top:10px;}

/* COLLEFT */
#colLeft{width:200px; background-image:url(images/logo.jpg); background-position:left top; background-repeat:no-repeat; padding-top:20px;}
#colLeft h1{font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:0.8em; text-decoration:none; font-weight:normal; padding-left:58px;}
#colLeft ul{font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:0.7em; text-decoration:none; font-weight:normal; list-style:none; padding:10px 0px 0px 0px;}
#colLeft li{padding:0px 0px 0px 58px;}
#colLeftMap{float:left; width:50px; height:30px;} 

/* MENU */
#colLeft a.bleu{color:#FFF; text-decoration:none; padding:0px 21px 0px 5px;}
#colLeft a:hover.bleu{text-decoration:none; color:#333; background-color:#33CCFF; padding:0px 21px 0px 5px;}
#colLeft a:visited.bleu{text-decoration:none; padding:padding:0px 21px 0px 5px;}
#colLeft a.rose{color:#FFF; text-decoration:none;padding:0px 32px 0px 5px;}
#colLeft a:hover.rose{text-decoration:none; color:#333; background-color:#FF3399; padding:0px 32px 0px 5px;}
#colLeft a:visited.rose{text-decoration:none; padding:0px 32px 0px 5px;}
#colLeft a.jaune{color:#FFF; text-decoration:none; padding:0px 41px 0px 5px}
#colLeft a:hover.jaune{text-decoration:none; color:#333; background-color:#FFFF33;padding:0px 41px 0px 5px;}
#colLeft a:visited.jaune{text-decoration:none; padding:0px 41px 0px 5px}
#colLeft a.vert{color:#FFF; text-decoration:none;padding:0px 32px 0px 5px;}
#colLeft a:hover.vert{text-decoration:none; color:#333; background-color:#00FF99;padding:0px 32px 0px 5px;}
#colLeft a:visited.vert{text-decoration:none; padding:0px 32px 0px 5px;}
#colLeft a.orange{color:#FFF; text-decoration:none; padding:0px 44px 0px 5px;}
#colLeft a:hover.orange{text-decoration:none; color:#333; background-color:#FF9900; padding:0px 44px 0px 5px;}
#colLeft a:visited.orange{text-decoration:none; padding:0px 44px 0px 5px;}
#colLeft a.mauve{color:#FFF; text-decoration:none; padding:0px 65px 0px 5px;}
#colLeft a:hover.mauve{text-decoration:none; color:#333; background-color:#9999FF; padding:0px 65px 0px 5px;}
#colLeft a:visited.mauve{text-decoration:none; padding:0px 65px 0px 5px;}

/* COLRIGHT */
#colRight{float:right; width:750px;}
#colRight h1.bleu{font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:0.8em; text-decoration:none; font-weight:normal; background-color:#33CCFF; margin:36px 0px 0px 0px; padding:0px 0px 0px 5px;}
#colRight h1.rose{font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:0.8em; text-decoration:none; font-weight:normal; background-color:#FF3399; margin:36px 0px 0px 0px; padding:0px 0px 0px 5px;}
#colRight h1.jaune{font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:0.8em; text-decoration:none; font-weight:normal; background-color:#FFFF33; margin:36px 0px 0px 0px; padding:0px 0px 0px 5px;}
#colRight h1.vert{font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:0.8em; text-decoration:none; font-weight:normal; background-color:#00FF99; margin:36px 0px 0px 0px; padding:0px 0px 0px 5px;}
#colRight h1.orange{font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:0.8em; text-decoration:none; font-weight:normal; background-color:#FF9900; margin:36px 0px 0px 0px; padding:0px 0px 0px 5px;}
#colRight h1.mauve{font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:0.8em; text-decoration:none; font-weight:normal; background-color:#9999FF; margin:36px 0px 0px 0px; padding:0px 0px 0px 5px;}

/* COULEURS ARTICLES */
.articlebleu{border-bottom: solid 2px #33CCFF; padding: 10px 0px 10px 0px;}
.articlerose{border-bottom: solid 2px #FF3399; padding: 10px 0px 20px 0px;}
.articlejaune{border-bottom: solid 2px #FFFF33; padding: 10px 0px 20px 0px;}
.articlevert{border-bottom: solid 2px #00FF99; padding: 10px 0px 10px 0px;}
.articleorange{border-bottom: solid 2px #FF9900; padding: 10px 0px 20px 0px;}
.articlemauve{border-bottom: solid 2px #9999FF; padding: 10px 0px 20px 0px;}
.articlebasrubrique{padding-top:10px;}
.articlebaspage{padding:10px 0px 15px 0px;}

.marge{padding: 10px 10px 0px 0px;}
#colRight h2{font-family:"Times New Roman", Times, serif; font-style:italic; color:#333; font-size:1.2em; text-decoration:none; font-weight:normal; padding-left:5px;}
#colRight p{font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:0.65em; text-decoration:none; font-weight:normal; padding:0px 0px 0px 5px;}
#colRight ul{font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:0.65em; text-decoration:none; font-weight:normal; list-style:none; padding:0px 0px 10px 0px;}
#colRight li{padding:0px 0px 0px 25px;}
#colRight li:before{content: '› '; color:#FFF;}

#mentions{float:right; padding:10px 0px 0px 0px;}
.colRightAgence{float:right; width:300px; padding-right:100px;}
.colLeftAgence{width:300px;}

/** PAGE CONTACT **/

.formNom {width: 400px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; color: BLACK; padding-left: 3px;}
.formEmail {width: 400px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; color: BLACK; padding-left: 3px;}
.formObjet {width: 400px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; color: BLACK; padding-left: 3px;}
.formMessage {width: 400px; height:100px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; padding-left: 3px; padding-top: 3px; color: BLACK;}
.ok {color:#00FF99; font-size:1em; font-weight:bold;}	
.ko {color:#FF3399; font-size:1em; font-weight:bold;}

/* PLAN D'ACCES */

#plan{width:507px; height:381px; background-image:url(images/plan.jpg); background-position:left top; background-repeat:no-repeat;}

#monsieurcrayon{width:750; height:597; background-image:url(images/monsieurcrayon.jpg); background-position:left top; background-repeat:no-repeat;}
.retourhautpage{float:left; height:100px; width:86px; background-image:url(images/retourhautpage.jpg); background-position:left top; background-repeat:no-repeat; margin:10px 0px 10px 0px;}
#retourhautpageMap{float:left; width:86px; height:100px;}