/*
Theme Name: Migrations & Développement
Theme URI: http://www.xxxx.xx/
Description: 
Author: BebopWeb pour le webdesign et l'intégration - Yann Guyon pour le développement et le référencement
Version: 1.0
*/

/* Reset CSS. Basé sur le travail d'Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none; zoom:1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* Supprime les bordures dans éléments fieldset et img*/
fieldset, img{border:0;}

/* clear */
.clearfix{zoom:1;}.clearfix:before,.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}

/* Selection */
::-webkit-selection{background:#e7512d; color:#ffffff; text-shadow:none;}
::-moz-selection{background:#e7512d; color:#ffffff; text-shadow:none;}
::selection{background:#e7512d; color:#ffffff; text-shadow:none;}

/* TITLE */
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}

h1{padding-bottom:15px; font-size:17px; color:#e7512d; line-height:20px;}
h2{padding-bottom:10px; font-size:15px; line-height:17px; font-weight:600;}
h3{font-size:14px; line-height:17px; font-weight:600;}
h4{font-size:12px; line-height:17px; font-weight:600;}

/* BODY*/ 
body{background:url('../img/bg-top-site.png') top center repeat-x; color:#3d3120; font-family: 'Open Sans', Arial, sans-serif;}

/* -------- GENERAL -------- */

em{font-style:italic;}

a{color:#e7512d; text-decoration:none;}
a:hover{color:#3d3120;}

.left{float:left;}
.right{float:right; display:table;}

.orange{color:#e7512d;}
.marron{color:#3d3120;}
.bg-orange{background:#e7512d;}
.bg-marron{background:#3d3120;}

.btn-suite, .btn-retour{margin-top:10px; padding-top:10px; display:block; line-height:17px; font-style:italic; font-size:12px; border-top:#e2d8c1 solid 1px;}
.btn-suite a, .btn-retour a{padding-left:25px; color:#e7512d; text-decoration:none;}
.btn-suite a{background:url('../img/btn-next.png') left center no-repeat;}
.btn-retour a{background:url('../img/btn-prev.png') left center no-repeat;}
.btn-suite a:hover, .btn-retour a:hover{color:#3d3120;}

p{padding:10px 0 5px 0;font-size:12px; line-height:17px; letter-spacing:.06em;}

strong{color:#e7512d; font-weight:600;}

.filet{margin-bottom:20px;}

/* -------- HEADER -------- */
#background-header{
	 background:url('../img/bg-top-site.png') top center;
	 width:100%;
}
.header{margin:0 auto; width:940px; height:160px; position:relative;}
.header p{padding-top:40px; color:#e7512d; font-size:30px; font-weight:300;}
.header span, .header label{display:block;}
.header p span{padding-top:15px; font-family: 'Open Sans Condensed', sans-serif; font-size:18px; color:#3d3120;}

.header form{top:8px; right:0; position:absolute; z-index:10; font-size:12px; font-weight:600;}
.header form span{margin-bottom:10px; padding:10px 0; border-bottom:#e9e3d2 solid 1px;}
.header form span img[alt^="Flag"]{margin:8px 8px 0 0;}
.header form input[type="search"]{float:left; padding:5px 4px;  width:190px; background:#fff; border:#dad1c4 solid 1px; -webkit-appearance: textfield;}
.header form input[type="image"]{margin-top:2px; float:left;}

/* -------- CONTENU -------- */

.content{width:100%; background:#efe8d8 url('../img/bg-content.png') repeat;}

.contenu{margin:0 auto; padding:15px 0 30px 0; width:940px;}

.main{float:left; width:720px;}
.main > div{margin-bottom:25px;}
.main .section-contenu-index{padding:10px; border:#e2d8c1 solid 10px; background:#fff;}
.main .section-contenu-index .btn-suite{/*float:right; width:367px; padding-left:0px !important;*/ margin: 5px; border: none;}
.main .section-contenu-index aside{padding:10px; width:290px; min-height:250px; display:block;}
.main .section-news{background:none;}

.main .section-news h2{font-size:17px;}
.main .section-news section{margin-left:-15px;}
.main .section-news article{margin-left:15px; padding:10px; width:210px; background:#fff; min-height:240px;}
.main .section-news article img{margin-bottom:5px;}

.main .titre-news{padding-bottom:5px; font-size:14px; font-weight:600; display:block;}
.main .date{padding:5px 0; font-size:12px; font-weight:400; display:block; font-style:italic;}

.main .section-contenu{padding:10px; border:#e2d8c1 solid 10px; background:#fff;}

.main .section-contenu article{padding-bottom:30px;}
.main .section-contenu article h3{margin-bottom:5px; padding:10px 0 5px 0; font-size:14px; font-weight:600; border-bottom:#e2d8c1 solid 1px;}
.main .section-contenu article img{margin:15px 15px 0 0;}
.main .section-contenu article  h4{font-size:14px; font-weight:600; padding-top:15px; color:#e7512d;}
.main .section-contenu article .btn-suite{border:none;}

.don-agir{margin:30px auto 0 auto; width:720px;}
.don-agir input[type="text"]{margin-bottom:5px; padding:4px; background:#fff; border:#dad1c4 solid 1px; }
.don-agir input[type="checkbox"]{margin-right:10px;}

.don-agir label{padding-top:5px; width:80px; display:block; float:left;}

.main ul.breadcrumb{padding-bottom:20px; font-style:italic; font-size:11px;}
.main ul.breadcrumb li{margin-right:5px; display:block;float:left;}
.main ul.breadcrumb li a{color:#3d3120; padding:2px 4px 2px 4px;}
.main ul.breadcrumb li a:hover{color:#e7512d; text-decoration:none; padding:2px 4px 2px 4px;}

.main .section-contenu ul{margin:6px 0 15px 25px; font-size:12px; letter-spacing:.06em;}
.main .section-contenu ul li{margin-bottom:9px; list-style:disc; line-height:17px;}

.aside{float:right; width:200px; display:table;}
.aside > section{margin-bottom:15px; }

.aside .sous-menu{border:#e2d8c1 solid 10px; background:#fff;}
.aside .sous-menu nav ul{padding:10px 5px;text-transform:uppercase; font-size:12px;}
.aside .sous-menu nav ul li{display:block;}
.aside .sous-menu nav ul li a{padding:8px 3px; color:#3d3120; display:block; border-bottom:#f1ede8 solid 1px;}
.aside .sous-menu nav ul li a:hover, .aside .sous-menu nav ul li.current a{color:#fff; background:#e7512d; border-bottom:#fff solid 1px;}

.aside .adherent{padding-bottom:10px; background:#fff;}
.aside .adherent .titre{padding:10px; display:block; color:#fff; font-size:14px;}
.aside .adherent p.error, .aside .adherent p.cpte{padding:5px 10px 5px 10px;}
.aside .adherent form.cpte{padding:10px 10px 25px 10px; width:100%; font-size:12px;}
.aside .adherent form.cpte .msg-erreur{color:#ff0000;}
.aside .adherent form.cpte label{display: block; padding-bottom:2px;}
.aside .adherent form.cpte input[type="text"], .aside .adherent form.cpte input.input{margin-bottom:5px; padding:4px; width:85%; background:#fff; border:#dad1c4 solid 1px; }
.aside .adherent form.cpte input[type="submit"]{margin-right:16px; background:url('../img/btn-envoyer.png') top no-repeat; width:77px; height:24px; cursor:pointer; border:none; text-indent:-9999px;}
.aside .adherent .btn-devenir-adherent {margin:0 auto; width:85%; padding:6px; display:block; background:#e2d8c1; text-align:center; font-size:12px; text-decoration:none;}
.aside .adherent .btn-devenir-adherent a{color:#3d3120 !important;}

.aside .btn{padding:6px; display:block; font-size:14px; font-weight:300;}
.aside .bg-lettre{background:#e2d8c1 url('../img/bg-btn-lettre.png') top no-repeat; min-height:80px;}
.aside .bg-lettre .titre{padding:20px 10px 20px 45px; display:block; color:#3d3120; font-size:14px; font-weight:400;}
.aside .bg-lettre .btn-suite{padding:10px 0; text-align:center; border-top:#ede7d9 solid 1px;}

.aside span.arrow-marron a, .aside span.arrow-orange a {color:#fff; text-decoration:none; display:block; font-style:italic;}
.aside span.arrow-marron, .aside span.arrow-orange{padding:7px; display:block; border:#fff solid 1px;}
.aside span.arrow-marron{background:url('../img/puce-arrow-brown.png') 165px center no-repeat;}
.aside span.arrow-orange{background:url('../img/puce-arrow-orange.png') 165px center no-repeat;}


/* NAV TOP */

#nav{top:135px; left:0; font-size:12px; color:#484433; font-weight:400; position:absolute;}
#nav, #nav ul {list-style: none; }
#nav a, #nav a:hover {display: block; text-decoration: none; border:none;}
#nav li {float: left; list-style:none; text-transform:uppercase;}
#nav li.first-child{background:none;}
#nav a, #nav a:visited {display:block; color:#fff; padding:5px 20px; }
#nav a:hover{text-decoration:none; color:#e7512d;}
#nav li ul {position: absolute; left: -999em; height: auto; width: 174px; z-index:200; }
#nav li li {padding:5px 0;  text-transform: none; background:#8f7451 url('../img/picto-arrow.png') 215px center no-repeat; border-bottom:#bcac97 solid 1px;}
#nav li li a, #nav li li a:visited {padding:5px 10px; font-weight:normal; color:#fff; display:block; width:210px;}
#nav li li a:hover, #nav li li a:active {color:#e7512d; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
a.main:hover {background:none;}

/* -------- FOOTER -------- */

.footer{padding:10px 0 30px 0; background:#8F7451 repeat-x; margin-top:-14px;}

footer[role="contentinfo"]{margin:0 auto; padding-top:10px; width:940px; color:#fff; font-size:13px; font-weight:300;}
footer[role="contentinfo"] section{padding-bottom:10px; border-bottom:white solid 1px;}
footer[role="contentinfo"] small{width:300px; line-height:15px;}
footer[role="contentinfo"] small span.org{text-transform:uppercase;}
footer[role="contentinfo"] small.border{padding-left:10px; border-left:white solid 1px;}
footer[role="contentinfo"] span img[alt^="Picto"]{margin:8px 10px 0 0;}
footer[role="contentinfo"] p, footer[role="contentinfo"] nav{padding-top:10px;}
footer[role="contentinfo"] nav ul{margin-right:-15px;}
footer[role="contentinfo"] nav ul li{padding-right:15px; display:inline-block; background:url('../img/picto-arrow.png') right 3px no-repeat}
footer[role="contentinfo"] nav ul li.last-child{background:none;}
footer[role="contentinfo"] a{color:white; text-decoration:none;}
footer[role="contentinfo"] a:hover{color:#3d3120; text-decoration:none;}


/* -------- IMAGES REACH TEXT EDITOR WP -------- */

.main .attachment img {
	max-width: 900px;
}
.main .alignleft,
.main img.alignleft {
	display: inline;
	float: left;
	margin-right: 12px;
	margin-top: 2px;
	padding:0;
}
.main .alignright,
.main img.alignright {
	display: inline;
	float: right;
	margin-left: 12px;
	margin-top: 2px;
	padding:0;
}
.main .aligncenter,
.main img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:0;
}
.main img.alignleft,
.main img.alignright,
.main img.aligncenter {
	margin-bottom: 4px;
}
.main .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
.main .wp-caption img {
	margin: 5px 5px 0;
}
.main .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.main .wp-smiley {
	margin: 0;
}
.main .gallery {
	margin: 0 auto 18px;
}
.main .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.main .gallery img {
	border: 2px solid #555;
}
.main .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.main .gallery dl {
	margin: 0;
}
.main .gallery img {
	border: 10px solid #f1f1f1;
}
.main .gallery br+br {
	display: none;
}
.main .attachment img {
	display: block;
	margin: 0 auto;
}

/* FORMULAIRE */
.wpcf7-not-valid-tip-no-ajax{display:block; color:#ff0000;}
.wpcf7-response-output{font-size:.85em;}
.wpcf7-validation-errors{color:#ff0000; border:none !important;}

input.wpcf7-text,
textarea {
	font-size: 13px;
	border:#eee solid 1px;
	width:300px;
}

input.wpcf7-text, textarea{
	padding:5px;
}

textarea{
	height:90px;	
}

input.wpcf7-submit{
	padding:5px;
	width:150px;
	background:#e7512d;
	border:#e7512d solid 1px;
	color:#fff;
}

/* Easy Slider */
/* Remplacement d'image */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px;}

#content{padding-top:10px; position:relative;}
#slider ul, #slider li,
#slider2 ul, #slider2 li{margin:0; padding:0; list-style:none;}

#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*  On définit la largeur et la hauteur des items de la liste du slide */ 
width:680px; height:200px; overflow:hidden;}

#prevBtn, #nextBtn,
#slider1next, #slider1prev{ display:block; width:17px; height:17px; position:absolute; top:-10px; z-index:1000;}

#prevBtn, #slider1prev{left:630px;}
#nextBtn, #slider1next{left:660px;}

#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{display:block; position:relative; width:17px; height:17px; background:url('../img/btn-prev.png') no-repeat 0 0;}	
#nextBtn a, #slider1next a{ background:url('../img/btn-next.png') no-repeat 0 0;}

/* TOP */
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/* ------ styles ajout�s par Yann -------------- */
/* le style pour le body sans background page faire un don */
body.no-background {
	background: none;	
}
.header .resauxsoc {
	font-size: 12px;
	padding-left: 380px;
}