body{width:1000px;margin:auto;font-size:11px;font-family:Verdana}
h1,h2,h3,a,span{margin:0;padding:0;font-family:Verdana}
a:visited,a:hover,a{color:#F38120}

#header{position:relative;height:99px;position:relative;}
* html #header{height:98px;}
.logo{width:229px;height:98px;float:left;background:url(img/logo.png) no-repeat}
#title{float:left;width:763px;height:98px;/*background:url(img/menu_image.png) 10px right no-repeat*/}

.upLeftMenu {width:227px;height:20px;position:absolute;top:0;right:0;margin:0;padding:0;display:inline-block;padding-top:5px}
.upLeftMenu li{padding:0; margin:0; list-style:none; display:inline;}
.upLeftMenu li a{ text-decoration:none;line-height:17px;float:left;display:block;height:20px;margin-left:5px;color:#f38120;font:11px Verdana, Arial, Helvetica, sans-serif;}
.upLeftMenu li a.connect {line-height:17px; background: url(img/conn_down.png) top left no-repeat;width:90px;text-decoration:none;color:#FFF;padding-left:5px;}
.upLeftMenu li a.connect:hover {background: url(img/conn_up.png) top left no-repeat;width:90px;text-decoration:none;color:#FFF;padding-left:5px;}


/**************************************MENU PRINCIPAL****************************/
.menu{margin:0; padding:0; height:30px; display:inline-block; background:url('img/topMenuImages.png') repeat-x;position:absolute;bottom:0px;right:10px}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('img/topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('img/topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('img/topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('img/topMenuImages.png') 100% -90px no-repeat;}
/********************************************************************************/
#title .cart {text-decoration:none;width:40px;background: url('img/cart_empty.png') no-repeat;font-size:14px;line-height:32px;text-align:right;color:#CACACA}

h2.accroche{font-size:20px;border:solid thin black;display:inline-block;position:relative;top:-19px;height:30px;text-align:right;width:500px}

#container {position:relative;background: url("img/bg.png") no-repeat top left;max-width:1100px;height:460px;padding:10px 12px/*;border:solid thin black*/}

.footer{text-align:center;color:#999999}

#mask { position:fixed; z-index:9000;  background-color:#fff;  display:none;top:0;left:0; } 
#boxes .window {  position:absolute; display:none; width:600px; z-index:10000;}  
#boxes #dialog { width:660px;height:420px;background:  url(img/bg_contact.png) left top no-repeat;color:#4f4f4f; } 

#thumbnailmask { position:fixed; z-index:9000;  background-color:#fff;  display:none;top:0;left:0; }
#thumbnail {position:fixed;z-index:10000;background-color:#fff;width:800px;height:600px;display:none;top:0;left:0;}
.closeThumbnail{position:absolute;top:-11px;right:-10px;cursor:pointer;display:none}

.splashHeader {width:620px;height:50px;margin:20px}
.splashHeader .titre { float:left; margin:5px 0 0 5px;}
.splashHeader .close {position:relative;float:right;z-index:10;cursor:pointer}
.splashHeader .champs_obligatoires {clear:both;font-size: 9px;padding-left:5px; }

.splashContent {width:620px;margin-left:20px}
.splashContent input {float: left;width: 240px;display: inline;border: 1px solid #CACACA;color:#4A4A4A;font-family:Arial, Helvetica, sans-serif;height:16px;}
.splashContent label {float:left;width:90px}
.splashContent ul {float: right;width: 360px;margin:5px 0 1px 0;padding: 0;}
.splashContent ul li {float: left;width: 360px;padding: 3px 0 0 0;list-style: none;position: relative;}
.splashContent ul li a {background:url(img/envoyer.png) no-repeat;height:26px;width:120px;display:block;float:right;margin-top:30px;margin-right:30px}
.splashContent textarea {width: 240px;height:75px;color:#4A4A4A;font-family:Arial, Helvetica, sans-serif;font-size:12px;border: 1px solid #CACACA;}
.splashContent .contact {float:left;width:200px;height:200px;padding-right:5px;border-right: solid thin #CACACA;margin-left:20px}
.splashContent .contact .name{font-weight:bold}
.splashContent .contact a{background:url(img/vcard.png) 50% no-repeat;width:100%;height:33px;display:block;}

.splashContent .result{color:#F38120;display:block;position:absolute;bottom:55px}


#categories {margin-left:460px;list-style:url(img/puce.gif);margin-top:60px}
#categories .category {width: 420px;margin-bottom:20px;margin-top:20px;height:20px;}
#categories .category h2 {color:#CACACA;font-weight:normal;font-size:11px;}
#categories .category h2 a {color:#F38120;text-decoration:none;font-size:14px;}
#categories .category h2 a:hover { text-decoration:underline;font-weight:bold}

.sites_number{position:absolute;top:120px;left:220px;color:#CACACA}
.sites_number span{font-size:70px;display:block}

.jcarousel-skin-ga .jcarousel-container {-moz-border-radius: 10px;border: 1px solid #F38120;margin: 0 auto;margin-top:15px;left:155px;bottom:20px;position:absolute}
.jcarousel-skin-ga .jcarousel-container-horizontal {width: 670px;padding: 10px;}
.jcarousel-skin-ga .jcarousel-item {width: 160px;height: 120px;border: 1px solid #CACACA;}
.jcarousel-skin-ga .jcarousel-item:hover {border-color: #808080;}
.jcarousel-skin-ga .jcarousel-item-horizontal {margin-right: 7px;}
.jcarousel-skin-ga .jcarousel-item-placeholder {}


/* SITE.HTML*/

#categoriesListing{ margin-left:10px;font-size:11px;color:#CACACA;text-align:center;font-weight:normal}
#categoriesListing ul{list-style:none;margin:0;padding:0}
#categoriesListing ul li{display:inline-block; border:solid thin #999999}
#categoriesListing ul li a{text-decoration:none;padding:0 5px 0 5px}
#categoriesListing ul li a:hover{background-color:#F38120;color:White}
#categoriesListing ul li a.selected {background-color:#F38120;color:White}

.boxlist{background-color:#CACACA}
.boxList option{background-color:#cacaca;border-bottom:solid thin white;margin-bottom:1px;color:White}
/*.boxListoption[selected]{background-color:#F38120}*/



.sitemenu{margin:0; padding:0; width:225px; list-style:none;background:rgb(255,255,255);}
.sitemenu li{padding:0; margin:0 0 1px 0; height:20px; display:block; }
.sitemenu li a{text-align:left;height:20px; padding:0px 25px; font:12px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('img/verMenuImages.png') 0px 0px no-repeat; text-decoration:none;}
.sitemenu li a:hover{background:white; color:rgb(243,129,32);}
.sitemenu li a.active, .sitemenu li a.active:hover{background:url('img/verMenuImages.png') 0px -40px no-repeat; color:rgb(255,255,255);}
.sitemenu li a span{line-height:20px;}

.selectButton{position:absolute;bottom:-20px;right:5px;width:160px;height:30px;background:url('img/ajouter2.png') no-repeat}
.selectButton:hover{background:url('img/ajouter1.png') no-repeat}

.description{display:block;text-align:justify;margin: 0 10px;margin-top:10px;height:60px;overflow:hidden}

.thumbnail{width:320px;position:absolute;top:0px;left:20px}
.thumbnail img{border:solid 2px #CACACA;width:320px;cursor:url(img/loupe.cur), pointer;}
/************************ ASSO.HTML ****************************/

.assolist{margin:0;padding:0;border: solid thin black;list-style:none;max-height:400px;overflow-y:scroll;padding-left:25px}
.assolist li {display:inline-block;position:relative;margin:0 15px;/*border:solid thin #000*/}
.assolist li img {width:100px;}

.assocategories{list-style:none;/*border:solid thin #000;*/}
.assocategories li{display:inline-block;width:30%;border:solid thin #702;height:100px;text-align:center;line-height:100px;margin:7px }
.assocategories li a{display:block;background-color:#CACACA;font-size:14px;text-decoration:none}
.assocategories li a:hover{background-color:#F38120}

#assoCatList{width:674px;height:340px;border-left:solid thin #CACACA;position:absolute;left:280px;top:120px;padding-left:20px;overflow:auto}

/************************** REFERENCES ****************************/
.refAnnonceurs {height:90px;display:inline-block;float:left;margin: 10px;line-height:100px;margin-left:30px;margin-right:30px}
.refAnnonceurs img {vertical-align:middle;}

span.adhesion {font-weight:bold}
img.adhesion {margin:0 auto;display:block}

.refHeader{background-color:#CACACA;border-bottom:solid 1px white;color:white;font-size:12px;padding:4px;cursor:pointer}
.refHeader:hover{background-color:#F38120;}
.refHeaderSelected{background-color:#F38120;color:white;font-size:12px;padding:4px;cursor:pointer}
.refContent{border-top:solid 1px #CACACA;padding:2px 5px 0px 5px;margin-top:3px;height:200px}

.HeaderSelected{cursor:pointer;height:30px}
.HeaderSelected p{margin:0;padding:0;height:30px}
.HeaderSelected p.diffusion{background:url(img/offre/titre1_offre_on.png) no-repeat}
.HeaderSelected p.audience{background:url(img/offre/titre2_offre_on.png) no-repeat}
.HeaderSelected p.dispo{background:url(img/offre/titre3_offre_on.png) no-repeat}
.HeaderSelected p.solidaire{background:url(img/offre/titre4_offre_on.png) no-repeat}

.HeaderSelected p.annonceurs{background:url(img/ref/titre1_ref_on.png) no-repeat}
.HeaderSelected p.agences{background:url(img/ref/titre2_ref_on.png) no-repeat}
.HeaderSelected p.membre{background:url(img/ref/titre3_ref_on.png) no-repeat}

.Header{cursor:pointer;height:30px}
.Header p{margin:0;padding:0;height:30px}
.Header p.diffusion{background:url(img/offre/titre1_offre_off.png) no-repeat}
.Header p.audience{background:url(img/offre/titre2_offre_off.png) no-repeat}
.Header p.dispo{background:url(img/offre/titre3_offre_off.png) no-repeat}
.Header p.solidaire{background:url(img/offre/titre4_offre_off.png) no-repeat}
.Header p.diffusion:hover{background:url(img/offre/titre1_offre_on.png) no-repeat}
.Header p.audience:hover{background:url(img/offre/titre2_offre_on.png) no-repeat}
.Header p.dispo:hover{background:url(img/offre/titre3_offre_on.png) no-repeat}
.Header p.solidaire:hover{background:url(img/offre/titre4_offre_on.png) no-repeat}

.Header p.annonceurs{background:url(img/ref/titre1_ref_off.png) no-repeat}
.Header p.agences{background:url(img/ref/titre2_ref_off.png) no-repeat}
.Header p.membre{background:url(img/ref/titre3_ref_off.png) no-repeat}
.Header p.annonceurs:hover{background:url(img/ref/titre1_ref_on.png) no-repeat}
.Header p.agences:hover{background:url(img/ref/titre2_ref_on.png) no-repeat}
.Header p.membre:hover{background:url(img/ref/titre3_ref_on.png) no-repeat}