/*

Theme Name: matin

Theme URI: http://septcentvingts.com

Author: 720

Version: 1.0





*/



@font-face

{

    font-family: 'helvetica';

    src: url('fonts/HELVETNL.TTF') format('truetype');

    font-weight: normal;

    font-style: normal;

}

* { margin:0; padding:0;}

body {

	font-family:helvetica;

	font-size:12px;	

	color:#848384;	

	background:url(images/body-bg.png) repeat-y center #f1f1f1;



}

p{ line-height:18px; }

.clear {

	clear:both;

}

.fleft{ float:left;}

.fright{ float:right;}

.jaune{color:#E9C348;}

.bleu{ color:#0B7DC6;}

.vert{ color:#79BA5E;}

#top {

	

	background-image: -webkit-linear-gradient(left,#02416f, #0b7bc4, #02416f);

	background-image: -moz-linear-gradient(left,#02416f, #0b7bc4, #02416f);

	background-image: -ms-linear-gradient(left,#02416f, #0b7bc4, #02416f);

	background-image: -o-linear-gradient(left,#02416f, #0b7bc4,# 02416f);

}

#wrapper {

	overflow: hidden;

	width:100%;

	

}

.container {

	position: relative;

	background-color:#fff;

	margin: auto;

	height: auto;

	width: 1000px;

	

}

.container img { border:1px solid #eeeeee;}

#header {

	height:155px;

	margin: auto;

	width: 1000px;

}

#logo {

	float: left;

	height: 128px;

	width: 352px;



}

#top-right {

	

	height: 128px;

	width: 455px;

	position: relative;

}

#top-social {

	width: 420px;

	float:right;

	padding-top: 10px;

	position: relative;

	height: auto;

}

.recherche {

	float:right;

	height: 35px;

	width: 330px;

	position: relative;

	margin:50px 0 0 10px;

}

#search-form {padding-top:20px; float:right;}

#search-form fieldset {width:270px;height:25px;display:block;float:left; border:none;; }

#search-form input.query { background-color:#fff;color: #88cdfa;margin-left:20px;vertical-align:top;border-radius:5px;border:none;width:200px;padding-top:5px;height:25px; padding-left:10px;}



#search-form a {float:right}

#compte {

	margin:20px 15px 0 0;

	color: #FFF;

	font-weight:bold;

	background-image: url(images/bg-mon-compte.png);

	background-repeat: repeat-x;

	float: right;

	height: 25px;

	width:90px;

	padding-top:5px;

	border-radius:5px;

	 text-align:center;

}

#compte a{ text-decoration:none; color:#fff;}

#top-service {

	padding: 10px;

	height: 90px;

	width: 100%;

	position: relative;

}

.top-pub {

	float: left;

	height: 92px;

	width: 712px;

	position: relative;

}

.bottom-pub {

	margin-top:10px;

	height: 92px;

	width: 712px;



}

.top-meteo {

	position: relative;

	padding-left:8px;

	float: right;

	margin-right:20px;

	height: 92px;

	width: 230px;

}

#zone-bread {

	background-color: #D0D0D0;

	height: 27px;

	width: 100%;

	margin-top:1px;

	position: relative;

	font-weight:bold;

}

.ici-texte{margin:5px 15px;}

.breadcrumb-texte{ color:#666;margin:5px 15px;}

.breadcrumb-texte a{ color:#fff; text-decoration:none;}

#avant-breadcrumb {

	background-image: url(images/ici.png);

	background-repeat: no-repeat;

	background-position: left;

	float: left;

	height: 27px;

	width: 160px;

	color:#fff;

		

}

#breadcrumb {

	float: left;

	height: 27px;

	width: 550px;

	position: relative;

}

#date {

	float: right;

	height: 27px;

	width: 220px;

	position: relative;

}

.date-texte{ color:#666;margin:5px;}

.ombre {

	margin: auto;

	height: 31px;

	width: 965px;

	position: relative;

}

.ombre img{ border:none;}

#content{

	background-color:#FFF;

	position:relative;

	width: 980px;

	margin:0;	

	height: auto;

	padding:0 10px 5px 10px;

	overflow:hidden;



	

	}

#left {

	position:relative;

	float: left;

	width: 710px;

	margin:0;

	height: auto;



}

#right {

	position:relative;

	float: right;

	width: 260px;

	margin:0;

	height: auto;

	

}

#archive {

	background-color: #EDEDEB;

	height: 380px;

	padding:10px;

	border-bottom:3px solid #066D96;

}

#archive img{

	padding:5px 0;

}

#slider {

	background-color: #000;

	height: 400px;

	width: 715px;

	border-bottom:3px solid #00AAEF;

}

.block {

	padding: 12px;

	height: 280px;

	width: 315px;

	position: relative;

	border:1px solid #E5E5E5;

	margin-top:10px;

}

.block ul{ display:block; list-style:none;padding-top:10px;}

.block ul li{

	color:#3E3E3E; 

	height:auto;

	background-image: url(images/puce.png);

	background-repeat: no-repeat;

	background-position: 1px 7px;

	padding:3px 10px;



}

.block ul li a { color:#0B7DC6; text-decoration:none; font-weight:bold}

.advanced-recent-posts p{font-family:Arial, Helvetica, sans-serif;}

.block-titre {

	height: 25px;

	width: 313px;

}

.block-titre img{

	border:none;

}

.block-news1 {

	height:auto;

	width: 313px;

	padding:10px 0;

	border-bottom:2px solid #E6E6E6;

	}

.block-news1 a{color:#3E3E3E; text-decoration:none; font-weight:bold}

.block-news1 img { float:left; margin-right:10px;}

#bottom {

	padding: 3px 0;

	margin-top: 5px;

	height: auto;

}

.bottom-titre {

	height: 40px;

	box-shadow: 1px 1px 5px #555;

}

.colonne {

	height: auto;

	width: 235px;

	margin-bottom: 2px;

}

.colonne-content{ padding-right:5px; margin:10px 0;}

.colonne-content a{

	color:#4495BD;

	text-decoration:none;

	font-weight:bold;

}

.colonne-content img{ float:left; margin-right:5px; margin-bottom:10px;}

.colonne-content p{ margin-top:10px;}

.colonne-img{

	border:none;

	box-shadow: 1px 1px 5px #555;

}

.sidebar {

	width: 260px;

	margin-top: 10px;

	padding:0 5px;

	height: auto;

	padding-bottom:20px;

	

}

.sidebar p{

	margin-top: 10px;

}

.sidebar a{

	color:#4495BD;

	text-decoration:none;

	font-weight:bold;

}



.sidebar img{ border:none;}

.sidebar-content{ padding:8px;padding-bottom:15px;}

.sidebar-content ul{ display:block;}

.sidebar-content ul li{ border-bottom:1px solid; list-style:none; width:235px; padding:5px;}

.sidebar-content ul li a{color:#848384; text-decoration:none;}

.sidebar-titre {

	height:37px;

}

.sidebar-pub {

	width:257px;

	margin:5px 0;

	background-color: #E9EDF0;

	padding:0 0 15px 0;

	border-top:1px solid #E6E6E6;

}

.change {

	background-image: url(images/cour-de-change-bg.png);

	background-repeat: no-repeat;

	background-position: left center;

	height: 105px;

	margin-top: 5px;

	border-top-width: 3px;

	border-top-style: solid;

	border-top-color: #2981AF;



}

.change-texte {

	padding: 5px;

	float: right;

	width: 180px;

	height: auto;

}

.bottom-shadow {

	margin: 0px;

	height: 25px;

	width: 712px;

}

.bottom-shadow img{

	border:none;

	opacity:0.4;

	filter:alpha(opacity=40); /* For IE8 and earlier */

}

#foot-bg {

	background:url(images/bg-footer.png) repeat-x bottom #fff;

	margin-top:auto;

	border-top:2px solid #ccc;

}



#footer {

	padding: 10px 10px 45px 10px;

	width: 980px;

	margin:auto;

	position: relative;

}

.footer-colonne {

	padding: 10px;

	width: 300px;

	position: relative;

	height: auto;

	

}

.footer-colonne p{

	margin-top:10px;

}

.footer-colonne a{

	color:#4BB2DF; text-decoration:none; font-weight:bold;

}

.footer-colonne ul{

	display:block; max-height:100px; margin-top:15px;

	/*qui fait les 2colonnes de la liste*/

	-moz-column-count: 2;

	-moz-column-gap: 20px;

	-webkit-column-count: 2;

	-webkit-column-gap: 20px;

	column-count: 2;

	column-gap: 20px;

	list-style: none;

}

.footer-colonne ul li{

	margin-top:5px;

 list-style:none;

}

.footer-colonne ul li a{

	color:#999; text-decoration: underline;

}

/*naviguation*/

#menu {

	background-image: -webkit-linear-gradient(left,#02416f, #0765a3, #02416f);

	background-image: -moz-linear-gradient(left,#02416f, #0765a3, #02416f);

	background-image: -ms-linear-gradient(left,#02416f, #0765a3, #02416f);

	background-image: -o-linear-gradient(left,#02416f, #0765a3,# 02416f);

	margin: 0px;

	float: left;

	height: 30px;

	width: 100%;

}

.place-home {

	float: left;

	height: 31px;

	width: 37px;

}

#nav{ display:block; list-style:none;margin-top:5px;margin-left:10px;}

#nav li{ display:inline; text-transform:uppercase; font-size:12px; font-weight:bold;}

#nav li a{ color:#fff; text-decoration:none;padding:5px 7px 7px 7px;}

#nav li a:hover{ color:#d0cdbc; background-color:#fff;}

#legale {

	float:left;

	width: 70%;

	margin-top:18px;

	color:#669cc0;

}

#legale a{

	text-decoration:none;

	font-weight:bold;

	color:#669cc0;

}

#menu_bottom{

	display: block; list-style:none; float:right; margin:18px 15px; padding:0;

}

#menu_bottom li{

	display:inline; margin-left:15px;

}

#menu_bottom li a{

	text-decoration:none;

	color:#669cc0;

}

/***contenu left du main***/

#left-content {

	padding: 10px;

	position: relative;

	min-height: 500px;

	border:1px solid #E5E5E5;

}

.contentheading { width:690px; padding-bottom:5px; border-bottom:3px solid #000; font-size:14px; font-weight:bold; color:#000; margin-bottom:10px;}

.apercu{height:auto;

	width: 690px;

	padding:10px 0;

	border-bottom:2px solid #E6E6E6;}

.apercu a{color:#3E3E3E; text-decoration:none; font-weight:bold}

.apercu img { float:left; margin-right:10px;}

#vslider_optionscontainer { margin:0;}


/**************tojo slider 19-06-13***************/
#slideshow {
    position: relative;
    width: 970px;
    height: 450px;
    /*padding: 15px;*/
    border: 1px solid #ddd;
    margin: 0 auto 2em;
    background: #FFF;
    background: -webkit-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
    background: -moz-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
    background: -ms-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
    background: -o-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
    background: linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
    /*-- CSS3 --*/
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    
   /* -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
    box-shadow: 0 0 3px rgba(0,0,0, 0.2);
    */
    border-bottom: 3px solid #00AAEF;
}

/*-- Ombrage CSS3 --*/
#slideshow:before,  
#slideshow:after {  
    position: absolute;  
    bottom:16px;  
    z-index: -10;  
    width: 50%;  
    height: 20px;  
    content: " ";  
    background: rgba(0,0,0,0.1);
	
	/*-webkit-border-radius: 50%;  
    -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
	-moz-border-radius: 50%;  
    -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);  
    border-radius: 50%;  
    box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
    */ 
}  
#slideshow:before {  
    left:0;  
    -webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg); 
	transform: rotate(-4deg); 
}
#slideshow:after {  
    right:0;  
    -webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg); 
	transform: rotate(4deg);  
}
#slideshow .containerslide {  
    position:relative;  
    width: 970px;
    height: 450px;  
    overflow: hidden;  
}  
#slideshow .containerslide:after {  
    position:absolute;  
    bottom: 0; left:0;  
    content: " ";  
    width: 100%;  
    height: 1px;  
    background: #999;  
}
.containerslide img { border:none}  
#slideshow .slider {  
    position: absolute;  
    left:0; top:0;  
    width: 700%;  
    height: 310px; 
	-webkit-animation: slider 50s infinite; 
	-moz-animation: slider 50s infinite; 
	animation: slider 50s infinite;
	
}
#slideshow .slider a{
	color:#fff;
	text-decoration:none;	
}    
#slideshow figure {  
    position:relative;  
    display:inline-block;  
    padding:0; margin:0;
	  
}
#slideshow figure img.wp-post-image {margin: 0; padding: 0;}
/*#slideshow figure:after {  
    position: absolute;  
    display:block;  
    content: " ";  
    top:0; left:0;  
    width: 100%; height: 100%;  

}*/
#slideshow figcaption {  
    position:absolute;  
    left:0; right:0; bottom: 5px;  
    padding: 20px;  
    margin:0;    
    text-align:left;  
    letter-spacing: 0.05em;  
    word-spacing: 0.05em;  
    font-family: Georgia, Times, serif;   
    /*background: rgba(255,255,255,0.7); */
    background: rgba(0,0,0,0.7); 
    color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;  
	/*-webkit-animation: figcaptionner 40s infinite;
    -moz-animation: figcaptionner 40s infinite;  
    animation: figcaptionner 40s infinite;*/

}
#timeline {  
    position: absolute;  
    background: #999;  
    bottom: 15px;  
    left: 15px;  
    height: 1px;  
    background: rgb(214,98,13);  
    background: rgba(214,98,13,.8);  
    width: 0;  
    /* fonction d'animation */  
    -webkit-animation: timeliner 50s infinite; 
	-moz-animation: timeliner 50s infinite; 
	animation: timeliner 50s infinite;
}

@-webkit-keyframes slider {  
    0%, 16%, 100%   { left: 0 }  
    17%, 33%        { left: -976px }  
    34%, 50%        { left: -1952px }  
    51%, 67%        { left: -2928px }
	68%, 84%        { left: -3904px }
	85%, 96%        { left: -4880px }  
}

@-moz-keyframes slider {  
   0%, 16%, 100%   { left: 0 }  
    17%, 33%        { left: -976px }  
    34%, 50%        { left: -1952px }  
    51%, 67%        { left: -2928px }
	68%, 84%        { left: -3904px }
	85%, 96%        { left: -4880px }   
}

@keyframes slider {  
    0%, 16%, 100%   { left: 0 }  
    17%, 33%        { left: -976px }  
    34%, 50%        { left: -1952px }  
    51%, 67%        { left: -2928px }
	68%, 84%        { left: -3904px }
	85%, 96%        { left: -4880px }   
}

@-webkit-keyframes timeliner {  
    0%, 12%, 29%, 46%, 63%, 81%, 100% { width: 640px;     }  
    17%, 34%, 51%, 68%, 85%      { width: 0; }  
}
@-moz-keyframes timeliner {  
    0%, 25%, 50%, 75%, 100% { width: 0;     }  
    20%, 45%, 70%, 90%      { width: 640px; }  
}
@keyframes timeliner {  
    0%, 25%, 50%, 75%, 100% { width: 0;     }  
    20%, 45%, 70%, 90%      { width: 640px; }  
}
@-webkit-keyframes figcaptionner {  
    0%, 20%, 45%, 70%, 95%                     { bottom: -55px;    }  
    10%, 19%, 35%, 44%, 60%, 69%, 85%, 94%       { bottom: 5px;      }  
}
@-moz-keyframes figcaptionner {  
    0%, 20%, 45%, 70%, 95%                     { bottom: -55px;    }  
    10%, 19%, 35%, 44%, 60%, 69%, 85%, 94%       { bottom: 5px;      }  
}
@keyframes figcaptionner {  
    0%, 20%, 45%, 70%, 95%                     { bottom: -55px;    }  
    10%, 19%, 35%, 44%, 60%, 69%, 85%, 94%       { bottom: 5px;      }  
}