body {
background:#505050;
color:#303030;
font:76% tahoma, verdana, sans-serif;
height:100%;
margin:0;
padding:0;
width:100%;
}

.titleblock {
background-image:url(logoarr.gif);
background-repeat:repeat-x;
/*background:#000;*/
/*float:left;*/
height:90px;
/*height:102px;*/
margin:0;
padding:0;
width:100%;
}

.titleblock .left {
color:#fff;
float:left;
font-size:0.8em;
text-indent:0;
width:400px;
}

.titleblock .right {
color:#fff;
float:right;
font-size:0.7em;
text-align:right;
text-indent:0;
width:500px;
}

.titleblock a {
color:#fff;
font-size:1.2em;
font-weight:700;
}


#navitabs {
background:#505050;
clear:both;
height:25px;
width:100%;
}

.navitab:hover {
color:#c60;
font-weight:700;
text-decoration:none;
}

#container {
background:#fff;
border:5px solid #333;
margin:0 auto 15px;
padding:5px 10px 10px;
width:1000px;
}

#main {
background:#fff;
float:left;
width:735px;
}

.block {
background:#f0f0f0;
padding:15px;
}

#sidebar {
float:right;
width:255px;
}

#sidebar p {
font-size:0.9em;
line-height:1.3em;
margin:0 0 12px;
}

#footercontainer {
height:auto !important;
min-height:100%;
position:relative;
width:100%;
}

#footer a{
color:#CCC;
text-decoration:none;	;
}
#footer {
background-color:#000;
border-top-color:#FFCC33;
border-top-style:solid;
border-top-width:5px;
color:#a7ce1f;
font-family:"Trebuchet MS", verdana, arial, sans-serif;
font-size:12px;
font-weight:700;
height:auto !important;
padding-bottom:20px;
width:100%;
}

#footer .left {
float:left;
text-indent:0;
width:400px;
}

#container-foot {
background:#ccc;
bottom:0 !important;
height:0;
position:absolute;
width:100%;
}

#separateur {
clear:both;
height:10px;
}

a {
color:#993;
text-decoration:none;
}

a:hover {
text-decoration:none;
}

h1 {
background:#FFCC33;
/*border-left:10px solid #FFCC33;*/
color:#505050;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
font-weight:700;
height:30px;
line-height:25px;
margin-top:0px;
padding-left:10px; padding-top:5px;
}

.alwaysontop {
border-bottom:3px;
border-bottom-color:#FFCC33;
border-bottom-style:solid;
color:#c60;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
}

h2 {
background:#505050;
border-bottom:3px solid #FFCC33;
color:#fff;
font-family:Verdana, Arial, Helvetica;
font-size:1.1em;
letter-spacing:0.08em;
height:25px;
margin-bottom:0;
margin-top:0px;
padding-left:0;
padding-top:5px;
text-align:center;
}


	h3, h4, h5, h6 {
            margin-top: 0px;
                color: #505050;
		font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
		font-weight: normal; }
	h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: #505050;}
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }

        /* Pure CSS Post Tags */	
.button_cat{
text-decoration: none;padding: 5px;margin-right: 10px;float:left;font-weight:700;color:#FFFFFF;text-shadow: 0px 1px 1px #000;
	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
          
}        
.button_cat_small{
text-decoration: none;padding: 3px;font-size:9px;opacity: 0.4; margin-right: 5px;float:left;color:#FFFFFF;text-shadow: 0px 1px 1px #000;
	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
          
} 
.button_cat a{color:#FFFFFF;}

p {
line-height:1.5em;
margin:0 0 15px;
}

.centeredtext {
text-align:center;
}

a img {
border:0;
}

.photo {
background-color:#fff;
border:1px solid #ccc;
display:block;
margin-right:5px;margin-bottom:5px;
	display: block;
	background-color: #fff;
	padding: 4px;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
/*	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);*/
	border-top: 1px solid rgba(0,0,0,0.1);
	border-left: 1px solid rgba(0,0,0,0.1);


}
.photo1 {
background-color:#fff;
border:1px solid #ccc;
display:block;
margin-right:5px;margin-bottom:5px;
	display: block;
	background-color: #fff;
	padding: 2px;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
/*	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);*/
	border-top: 1px solid rgba(0,0,0,0.1);
	border-left: 1px solid rgba(0,0,0,0.1);


}

.hide {
display:none;
}

.cadre {
border:1px solid #ccc;
display:block;
padding:0;
/* IE10 */ 
background-color:#f5f7ee;
}

.cadregris {
background-color:#f5f7ee;
border-bottom:1px solid #a7ce1f;
border-bottom-color:#ccc;
border-bottom-style:solid;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
display:block;
margin:0;
}

.bakgris {
background-color:#ccc;
display:block;
line-height:normal;
margin:0;
}

.traitbas {
border-top:1px dashed #ccc;
margin-bottom:3px;
margin-top:3px;
padding:0 0 5px;
}

.font2 {
color:#7D7D7D;
font-family:Verdana, Arial, Helvetica;
font-size:10px;
font-style:normal;
}

.font3 {
color:#c60;
font-family:Verdana, Arial, Helvetica;
font-size:11px;
font-style:normal;
}

.font3 .titre {
color:#e60;
font-family:"Trebuchet MS", arial, tahoma, verdana, sans-serif;
font-size:1.8em;
font-weight:400;
letter-spacing:0.005em;
padding-left:5px;
}

.font5 {
color:#000;
font-family:Verdana, Arial, Helvetica;
font-size:11px;
font-style:normal;
text-align:left;
}

.font7 {
color:#c60;
font-family:Verdana, Arial, Helvetica;
font-size:12px;
font-style:normal;
font-weight:700;
text-align:left;
}

/* Pure CSS Calendar Icon */

.calendar{
	margin:.25em 10px 10px 0;
	padding-top:5px;
	float:left;
	width:50px;
	background:#ededef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc)); 
	background: -moz-linear-gradient(top,  #ededef,  #ccc); 
	font:bold 20px/40px Arial Black, Arial, Helvetica, sans-serif;
	text-align:center;
/*	color:#000;*/
        color:#505050;
	text-shadow:#fff 0 1px 0;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
	position:relative;
	-moz-box-shadow:0 2px 2px #888;
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 2px 2px #888;
	}
.calendar em{
	display:block;
	font:normal bold 11px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
/*        color:#fff;*/
	color:#fff;
/*        text-shadow:#00365a 0 -1px 0;*/
	text-shadow:#505050 0 -1px 0;	
/*	background:#04599a;*/
        background:#FFCC33;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFCC33), to(#fcb131)); 
	background:-moz-linear-gradient(top,  #FFCC33,  #fcb131); 
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;	
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;	
	border-bottom-left-radius:3px;	
/*        border-top:1px solid #00365a;*/
	border-top:1px solid #505050;
	}	
.calendar:before, .calendar:after{
	content:'';
	float:left;
	position:absolute;
	top:4px;	
	width:6px;
	height:6px;
	background:#111;
	z-index:1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 1px #fff;
	-webkit-box-shadow:0 1px 1px #fff;
	box-shadow:0 1px 1px #fff;
	}
.calendar:before{left:7px;}	
.calendar:after{right:7px;}	
.calendar em:before, .calendar em:after{
	content:'';
	float:left;
	position:absolute;
	top:-3px;	
	width:2px;
	height:10px;
	background:#dadada;
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa)); 
	background:-moz-linear-gradient(top,  #f1f1f1,  #aaa); 
	z-index:2;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	}
.calendar em:before{left:9px;}	
.calendar em:after{right:9px;}		
.colch:hover {
background:#e0e0e0;
text-decoration:none;
}

#presentation {
padding-top:0;
width:100%;
}

#containergauche {
float:left;
width:365px;
}

#emplagauche {
float:left;
width:364px;
}

#empladroite {
float:right;
width:364px;
}

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

li.iconhead {
background-image:url(images/icon_head.gif);
background-position:0 0.4em;
background-repeat:no-repeat;
padding-left:1.3em;
}

li.green {
background-image:url(images/li_green.gif);
background-position:0 0.4em;
background-repeat:no-repeat;
padding-left:1.3em;
}

li.bubble {
background-image:url(images/bubble.gif);
background-position:0 0.4em;
background-repeat:no-repeat;
padding-left:1.3em;
}

.textpadding {
padding:10px;
}

.simple
{
border: solid 1px #DAE7B6;
background-color: #FFFFFF;
font-family: Arial, Sans-Serif;
font-size: 10px;
}



#logo h1 a:hover,.activenavitab:hover {
text-decoration:none;
}

.font1,.font6 {
color:#000;
font-family:Verdana, Arial, Helvetica;
font-size:12px;
font-style:normal;
text-align:left;
}

.thumb { 
margin : 0;
display : block;
float : left;
background-color : #fff;
padding : 0;
}
.thumb a {
display : block;
width : 50px;
height : 50px;
}
.thumbig {
margin : 0;
display : block;
float : left;
background-color : #fff;
padding : 0;
}
.thumbig a {
display : block;
width : 150px;
height : 150px;
}



.meta {
background:url(images/img07.jpg) repeat-x left bottom;
height:16px;
line-height:normal;
margin:0;
padding:10px;
}

.promo_title {
background-color:#FFCC33;
/*border-left:10px;*/
color:#000;
font-family:Verdana, Arial, Helvetica;
font-size:1em;
letter-spacing:0.08em;
padding:3px;

}
.traithautvert
{
border-top:5px;
border-top-color:#FFCC33;
/*border-top-color:#C9EE49;*/
border-top-style:solid;
}
ul.pagination li.details{
   color:#C59E08;
}
 
ul.pagination li a
{
    border-radius:3px; 
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    padding:6px 9px 6px 9px;
}
 
ul.pagination li a
{
    color:#893A00;
    background:#FFCB00;
    background:-moz-linear-gradient(top,#FFD500,#FFCB00);
    background:-webkit-gradient(linear,0 0,0 100%,from(#FFD500),to(#FFCB00));  
}  
 
ul.pagination li a:hover,
ul.pagination li a.current
{
    background:#FFF4BA;
}

#social {
    margin: 0px; 
}    
div .plusone, .twitter, .fb-like , .urltoshare, .fb_but {
    font-size: 1px; 
    display: inline-block; margin-bottom: 4px; float: left;

}
div .fb_reset {
    display: inline;
} 
		  .sample{margin:30px;border:1px solid #92cdec;background:#d7e7ff;padding:30px}

		  .easy-accordion h2{margin:0px 0 20px 0;padding:0;font-size:1.6em;}

		  		  
		 
		/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
		
		.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
		.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
		.easy-accordion dt,.easy-accordion dd{position:absolute}
		.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
		.easy-accordion dd{z-index:1;opacity:0;overflow-x: auto;overflow-y : auto; }
		.easy-accordion dd.active{opacity:1;}
		.easy-accordion dd.no-more-active{z-index:2;opacity:1}
		.easy-accordion dd.active{z-index:3}
		.easy-accordion dd.plus{z-index:4}
		.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
		 
		 
		/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
		
		dd p{line-height:120%}
		
		#accordion-1{width:735px;height:265px;padding:0px;background:#fff;}
		#accordion-1 dl{width:735px;height:265px}	
		#accordion-1 dt{border:1px solid #cccc00;height:36px;line-height:34px;text-align:right;padding:0 15px 0 0;font-size:1.1em;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#cccc00;color:#26526c}
                #accordion-1 dt.accordeondt {border:1px solid #1CD2FF;height:36px;line-height:34px;text-align:right;padding:0 15px 0 0;font-size:1.1em;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#1CD2FF;color:#26526c;}
                #accordion-1 dt.accordeondt1 {border:1px solid #FF478B;height:36px;line-height:34px;text-align:right;padding:0 15px 0 0;font-size:1.1em;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#FF478B;color:#26526c;}
                #accordion-1 dt.active{cursor:pointer;color:#fff;background:#cccc00;}
                /*#fff #26526c*/
                #accordion-1 dt.active.accordeondt {cursor:pointer;color:#fff;background:#1CD2FF;}
                #accordion-1 dt.active.accordeondt1 {cursor:pointer;color:#fff;background:#FF478B;} 
                #accordion-1 dt.hover{color:#68889b;}  
		#accordion-1 dt.active.hover{color:#fff}
		#accordion-1 dd{padding:5px;border:1px solid #dbe9ea;border-left:0;margin-right:3px;
                                /* IE10 */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EDEFE5 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EDEFE5 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #EDEFE5 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EDEFE5));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EDEFE5 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #FFFFFF 0%, #EDEFE5 100%);
                
                
                }
		#accordion-1 .slide-number{color:#68889b;left:10px;font-weight:bold}
		#accordion-1 .active .slide-number{color:#fff;}
		#accordion-1 a{color:#68889b}
		#accordion-1 dd img{margin:0px;}
		#accordion-1 h2{font-size:2.5em;margin-top:10px}
		#accordion-1 .more{padding-top:10px;display:block}
                
/*// //http://web.enavu.com/demos/caption/*/
/*caption sur thumbs */      
div.wrapper{
	position:relative; /* important(so we can absolutely position the description div */ 
}
div.description{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	display:none; /* hide it */
	/* styling bellow */
	background-color:black;
	font-family: 'tahoma';
	font-size:11px;
	color:white;
}
div.description_content{
	padding:10px;
}
/*http://nicolasgallagher.com/css-drop-shadows-without-images/demo/*/
 /* Shared styles */
        
        .drop-shadow {
            position:relative;
            float:left;
/*            width:40%;    */
            padding:1em; 
            margin:2em 10px 4em; 
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }
         /* Lifted corners */

        .lifted {
            -moz-border-radius:4px; 
                 border-radius:4px;
        }
        
        .lifted:before,
        .lifted:after { 
            bottom:15px;
            left:10px;
/*            width:50%;*/
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
        
        .lifted:after {
            right:10px; 
            left:auto;
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                -ms-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }
        
        .columns{
-webkit-column-count: 2;
-webkit-column-gap: 5px; 
-webkit-column-rule: 0px dotted black;
-moz-column-count: 2;
-moz-column-gap: 5px;  
-moz-column-rule: 0px dotted black;
column-count: 2;
column-gap: 5px; 
column-rule: 0px dotted black;
}

.tooltip {
	display:none;
	position:absolute;
        z-index:500;
	opacity: 0.80;
	width: auto;
        max-width:300px;
	background-color:#000;
	padding:10px;
	color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 0 0 3px 3px #959595;
	-webkit-box-shadow: 0 0 3px 3px #959595;
	box-shadow: 0 0 3px 3px #959595;
}