/*
 Description: Thème BDG Mercantour
 Version: 1.2
 Author: Damien
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
a{ text-decoration:none;}
body{ text-align:center; font-family:verdana; font-size:12px; background : url(images/fond.jpg) center top no-repeat #0066CC; min-width:1000px;}
#container{width:1000px; margin:0 auto; height: auto; }
#header{width:1000px; height:350px; padding: 0; margin:0 0 0 0; position:relative;}
    #carrousel {width: 1000px; height : 300px; z-index:1;}
    #carrousel div {display : block; width: 1000px; height : 350px; overflow: hidden; float:left; position:relative;}
    #texte { position:absolute; height:350px; width:1000px;margin: -350px 0 0 0; background:url(images/header.png) no-repeat left; z-index:3}
    #texte p {padding: 20px 0 0 0; vertical-align:middle; text-align:center; width:350px; height: 300px; z-index:2; }
    .caroufredsel_wrapper {	width: 100% !important; height: 100% !important;}
    .infos {padding:5px 5px 5px 5px; position: absolute; top:5px; right:5px; z-index:10; text-align:right; z-index:2; background-color: rgba(216, 216, 216, 0.8);}
    #header .block {width: 250px; height :150px; float: left; margin: 0; margin-top:-150px;font-size : 14px; background: #DDD;}
    #header .block p {padding: 0 0 0 20px; vertical-align:middle; text-align:center;}
    #menu { height:40px; padding: 0; list-style: none; position:absolute; margin-top:-50px; z-index:100;}
    #MenuDeroulant {margin: 0 auto; padding: 0 10px; line-height:2em; font-size:14px; width:1000px; height:50px; text-transform:uppercase;}
    #MenuDeroulant li { float: left;  list-style: none; line-height:2em; border-radius:10px;}
    #MenuDeroulant li a { display: block; padding: 5px 12px;  text-decoration: none; width: auto;  min-width:70px; white-space: nowrap;}
    #MenuDeroulant li a:hover {background: #1A4473}
    #MenuDeroulant li a:active {background: #1A4473}
    #MenuDeroulant li ul { margin: 0 0 0 -50px; padding: 0 10px 0 10px; position: absolute;  visibility: hidden; min-width:150px; width: auto; max-width:800px; min-height: 150px; border-right:1px solid #FFF; border-left:1px solid #FFF; border-radius:10px; text-transform:none;background-color: rgba(0, 102, 204, 0.9); } /*0,102,204*/
    #MenuDeroulant li ul li { display: block; float:left; width:auto;}
    #MenuDeroulant .sousmenu{text-align:left; font-size:11px; line-height:1em;}
    #MenuDeroulant li ul li a { display:block;}
    /*#MenuDeroulant li ul li a:hover { background: #7F1616}*/ /* Couleur de fond des items déroulant du menu au survol de la souris(rouge bordeaux encore plus foncé) */

    #main{width:1000px; height:auto; background: transparent; margin-top:0; background: url(images/frame.png) repeat-y;}
    #column_left{width:670px; margin: 0 0 0 22px; float:left; padding: 0;}
    #column_left .frameblock {width: 325px;	float: left;	margin: 0 10px 5px 0px; min-height: 160px; background: url(images/frameblock.png) no-repeat bottom;}
    #column_left .albums { width:auto; min-height:180px; height : auto;float:left; margin : 10px 5px 0 5px; border : dotted 1px #848485; border-radius:10px; padding: 5px 5px 5px 5px;}
    #column_left .actutitre {position:relative; height:30px;}
    #column_left .actudate {position:absolute; left:590px; top:5px; font-size:12px;}
    #column_left .actucontent {position:relative; min-height:50px; border-bottom: dotted 1px #848485; padding-bottom: 10px;}
    #column_left .actufooter {text-align:right;margin-bottom:20px;}
    #column_left .cols2{float: left; width:330px; margin-left:5px; text-align:left;}
        #column_left #cols21{float: left; width:309px; margin-right:5px; text-align:left; background: url(images/tarifs.png) bottom no-repeat;}
        #column_left #cols21 .tarif {text-align:center; width:155px; float:left; border-right: solid 1px #D3D7D7;}
        #column_left #cols22{float: left; width:351px; margin-left:5px; text-align:left;}
    #column_left .commentaires img{float: left; margin-top:10px; vertical-align:top;}
    #column_left .comment {text-align:left; margin-bottom:10px;}
    #column_left .produits {width:670px; margin-top:10px; text-align:left;}
        #column_left .produits .titre {width:670px;}
        #column_left .produits .img {width:152px; float:left; background: #DDD; margin-right:5px;}
        #column_left .produits .info{width:153px; height: 102px;float:left; background: url(images/h1.png) repeat #DDD; margin-right:5px; padding-left:5px;}
        #column_left .produits .desc {width:345px; float:left;}
        #column_left .PrixProduit {float:left; width:153px; text-align:center;}
        #column_left .liens{padding-left:50px; margin-bottom:5px; font-size:12px;}
        #column_left .liens h3 {font-size:12px; margin:0;}
    #column_right {width:270px; margin: 0 0 0 20px; float:left;}
    #column_right p {font-size:11px;}
    #column_right .special{font-size:11px; padding: 5px 5px; text-align:justify; margin-top:2px; min-height:50px;}
    #column_right .img {float:left; margin: 0 10px 0 0;}     
    #column_right h4{font-size:12px; text-align:center;}
div.spacer{clear:both; height:1px; display:block;}
#footer { height: 225px; font-size:14px; color:black; padding: 20px 0px 0px 30px;  background: url(images/footer.png) no-repeat;}
    #footer .block {width: 280px; float: left; margin: 0 0 0 20px; height: 160px; padding-right: 10px;}
    #footer #copyright {width: auto; color: #FFF; text-align:center; font-size:12px;}
    #footer h4 { color: #FFF; height: 20px; border-bottom: 1px solid #FFF; margin-bottom: 5px; text-align:center;}
    #footer p { font-size: 12px;}
    #footer ul {list-style:none; margin:0; padding:0; text-align:left;}
    #footer li {font-size: 12px;}
    
.videoblock { width: 300px; float: left; margin: 0 5px 5px 5px; height: 230px; background: url(images/videoblock.png) no-repeat bottom;}

/* Texte */
p {font-size:12px;color:black;text-align:justify;vertical-align:top;margin:0 0 0 0;padding:0; background-color: transparent;}
.texte10{font-size:10px;}

h1 {font-size:20px;color:#FFFFFF;margin : 0 0 15px -12px; padding: 5px 0 5px 5px;height: auto; width: 691px;text-align:left;text-decoration:none; background: url(images/h1.png); font-weight:bold; }
h2 {font-size:18px;color:#000000; width:670px;padding: 0 0 5px 0; margin: 10px 0 5px 0; text-align:left;text-decoration: none;border-bottom: 1px dotted #000;font-weight:bold;}
h3 {font-size:14px;color:#848485;padding: 0 0 0 0;margin: 0px 0 5px 0px;background-color: transparent;text-align: left;text-decoration: none;font-weight:bold;}
h4 {color:#000000;height: auto;padding: 0px 0px 0px 0px;margin-top: 0px; margin-bottom: 0px; margin-left: 0px;background-color: transparent;text-align: left;text-decoration: none;border-bottom: 1px solid #4f5051;font-weight:bold;}
h5 {font-size:80%;color:#000000;height:5px;}
A {font-size: 100%;color:#000000;text-decoration:none;}
A:hover{text-decoration:none;color: #FF9900;}
hr {border: none 0; border-bottom: 1px dashed #ccc; height: 2px; text-align: left;}

.image { padding: 10px 10px; border: 1px solid #D3D7D7; background: #FFF;}
.imgaccueil { padding: 0 5px 0 0; background: #FFF;}
/*Formulaire*/
form.css fieldset {padding: 1px;  text-align: center;  }
form.css label   {  display: inline;  float: left;  width: 120px;  } 
INPUT,textarea, select {    border:1px solid grey;  font-family:verdana;    margin : 2px 0;}

#texteprix {color:#FC0303;font-size:150%;font-family:verdana;font-weight:bold;}
#texteanchor {color:#0066CC;font-size:100%;font-family:verdana;}
.pcentre {text-align:center;}
/*Pagination*/
div.pagination {padding:3px;margin:3px;text-align:center;}
div.pagination a {padding: 2px 5px 2px 2px;margin-right: 2px;border: 1px solid #ddd;text-decoration: none; color: #88AF3F;}
div.pagination a:hover, div.pagination a:active {border:1px solid #85BD1E;color: #638425;background-color: #F1FFD6;}
div.pagination span.current {padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #B2E05D;font-weight: bold;background-color: #B2E05D;color: #FFF;}
div.pagination span.disabled {padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #f3f3f3;color: #ccc;}

/*sitemap*/
#sitemap_box{width:600px;margin:0 auto;background:none;border:1px solid #555;padding:20px;color:black; text-align:left;}
#sitemap_box img{vertical-align:middle;}
#sitemap_box a{color:black;}
#sitemap_box li{border-left:1px dotted #fff;list-style:none;}
#sitemap_box  .start{margin-top:-5px;margin-left:-5px;margin-bottom:1px;border:none;}
*+html #sitemap_box  .start{margin-bottom:-1px;}
#sitemap_box  .last{border:none;margin-top:-4px;}
#sitemap_box li ul{margin:0;margin-left:15px;padding:0;}
#sitemap_box li ul li{margin-left:0px;}
#sitemap_box .start_sub{margin-left:0px;margin-bottom:1px;cursor:pointer;}
*+html #sitemap_box li{margin-bottom:0px;}

/*slider*/
#gallery { margin-left : 0; position:relative; height:250px }
	#gallery a { float:left; position:absolute;}
	#gallery a img {	border:none;}
	#gallery a.show { z-index:500;}
	#gallery .caption { z-index:670; background-color:#000; color:#ffffff; height:50px; width:100%; position:absolute; bottom:0;}
	#gallery .caption .content {	margin:5px}
	#gallery .caption .content h2 { margin:0; padding:0; color:#1DCCEF; background-image:none; text-decoration:none;}