/* Theme Name: Arborescence
Theme URI: http://www.arborescence.com
Description: Un thème dans les teintes brunes et bleutées.
Version: 1
Author: Caroline BLEIER-MATHIEU
*/

/* couleurs blue : #46a6af;   marron : #634e42; bandeau index #644f43, filet #c4bcb6
font-family: 'Open Sans', sans-serif; font-family: 'Comfortaa', cursive; font-weight : normal 400, bold 700*/

/* GENERAL */
html{ margin-top:0 !important;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { padding:0; margin:0; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-family: 'Comfortaa', cursive; color:#634e42;}
a { text-decoration:none; }
ul{ list-style:none; }

body { font:normal 13px/18px 'Open Sans', sans-serif; background:#edebe9 url('images/bg.jpg') top left repeat ; color:#2c231e; }

#wrapper{ width:980px; margin:0 auto; background:transparent url('images/bg-arbre.png') left bottom no-repeat; padding:0 30px; }

.clear{ clear:both; }
/*.alignleft{ text-align:left; }
.aligncenter{ text-align:center; }
.alignright{ text-align:right; }

.bleugras {color:#46a6af; font-weight: bold;}*/

#content, #content-temoin {width:570px; float:left;}
/*#content a{color:#46a6af; font-weight: bold;}*/
#content ol{margin-left : 32px;}
#content ul{list-style: disc;margin-left: 32px;}
#content a {text-decoration : underline;color : #46a6af;}

#content .savoir a, #content-index .savoir a, #lienactu a{ font-weight:bold;color:#ffffff;float: right; background : #46a6af; -moz-border-radius:2px; -webkit-border-radius:2px; o-border-radius:2px; border-radius:4px; padding:2px 5px; text-decoration: none; }
#content .savoir a:hover, #content-index .savoir a:hover, #lienactu a:hover{background : #634e42;}
#content #lienactu{margin :0; text-align:right; display:block;}

ol#detail_zones { background: url("images/bg-content.jpg") repeat scroll left top #EDEBE9; border: 1px solid #c4bcb6; margin : 10px; padding : 4px 8px;}
ol#detail_zones li { list-style-position: inside; }

/* HEAD */
header { height:135px; background:transparent url('images/bg-header.png') 6px 2px no-repeat; margin-bottom:15px;}
header h1 {text-indent: -3000px; height:10px; }
header #logo { margin: 18px 0 28px 30px; }
header #logo a img { border:none; }
header #menu { height:30px; font:700 17px/26px 'Comfortaa', cursive; text-transform:uppercase; text-align:center; letter-spacing:1px; color:#634e42; border-bottom:2px solid #634e42; padding-right:20px; }

header #menu ul { float:right;}
header #menu ul li { float:left; padding: 0 10px; }
/*header #menu ul li a { color:#634e42; }*/
header #menu ul li a:link { color:#634e42; }
header #menu ul li a:visited { color:#896c5b; }
header #menu ul li a:hover { color:#46a6af !important; border-bottom: 6px solid #46a6af; padding-bottom:4px;}
header #menu ul li.current-menu-item a { color:#755c4e; border-bottom: 6px solid #46a6af !important; padding-bottom:4px;}

header #menu ul li:first-child {width:25px;}
header #menu ul li:first-child a { background: transparent url('images/home_brun.png') 1px 0px no-repeat; color:transparent;}
header #menu ul li:first-child a:hover { background : transparent url('images/home_bleu.png') 1px 0px no-repeat; color:transparent !important; }

/* MAIN */
#main { text-align:left; overflow: hidden; padding: 15px 30px 20px 0;}

#main #col1{ width:380px; float:left; height:100%;}
#main #col1 h1{ font-size: 30px; font-weight:400; margin:0 0 40px 30px; color:#46a6af;}
#main #col1 img { padding-left:-10px;}

/* article */
/*#content article { width: 575px; border-left : 1px solid #c4bcb6;border-right : 1px solid #c4bcb6; padding : 10px 15px; margin-bottom : 25px;}
#content article:last-child {margin-bottom : 0px;}

#content article h1{ font-size: 20px; font-weight:400;border-bottom: 1px dashed #c4bcb6; margin-bottom: 10px; padding-bottom: 8px; }
#content article h1 span { font: normal 12px/15px 'Open Sans', sans-serif; color:#46a6af; font-style:italic; float:right;  }
#content article p { margin-bottom : 8px; }
#content article p:last-child, #content p:last-child { margin-bottom : 0px; }*/

/* page */
#content h1{ font-size: 25px; font-weight:400; margin-bottom : 30px; background: #46A6AF; color: #ffffff; padding: 8px;-moz-border-radius:2px; -webkit-border-radius:2px; o-border-radius:2px; border-radius:4px; }
#content h2{ font-size: 20px; font-weight:400; margin-bottom : 10px; margin-top: 25px; line-height:22px;}
#content p{ margin-bottom : 15px; }

#content ul li, #content ol li {margin-bottom : 2px;}
#content ul li:last-child, #content ol li:last-child {margin-bottom:15px;}
#content ol li > ul li:last-child, #content ol#detail_zones li:last-child {margin-bottom:0px;}

/* page offre */
#content img{ margin-bottom:20px; }
#content #offres { margin-top:30px; }
#content #offres .colonne { float:left; width:240px;width:238px !important; padding: 0 15px; margin-right:25px ; border-left: 1px solid #c4bcb6; border-right: 1px solid #c4bcb6; }
#content #offres .colonne:last-child,#content-index #colonnes .colonne:last-child { margin-right:0 ;  }
/*#content #offres .colonne h2 { font-size:19px; font-weight:bold; color:#46a6af; text-transform:uppercase; border-bottom:1px dashed #c4bcb6; text-align:center; margin-bottom:15px;
    padding-bottom: 8px; letter-spacing:1px;}*/
#content #offres .colonne h2 { color: #ffffff;margin-top:0px;}
#content #offres .colonne img { margin-bottom: 15px; }
#content #offres .colonne p:last-child { margin-bottom:0px; }
#content #offres .colonne p a {color : #46A6AF;}
#content #offres .colonne p a:hover {text-decoration: underline;}
/*#content #offres .colonne p span{font-weight:normal;}*/

#content span.page{float:right; margin-top: 10px;}
#content span.page a {color:#46a6af; }
#content span.page a:hover {text-decoration: underline;}
#content span.page a:visited {}

/*inspiration*/
#content .actualite, #content .actualite2{border : 1px solid #c4bcb6; padding:15px; margin-bottom:20px; background:#edebe9 url('images/bg-content.jpg') top left repeat ;}
#content .actualite2{position :relative;}
#content .actualite h2, #content .actualite2 h2{font-size:20px; margin-top: 0px;}
#content .actualite2 p { margin-bottom:0px; }
#content .actualite p:last-child { margin-bottom:0px; }
#content h3{font-size:16px; font-weight:700;}
#content h3 span{ font-style:italic; font-weight:400;}
#content p.edition {font-weight: 700; margin-bottom: 5px;}
#content p.edition span{color:#46a6af}
#content p.descriptif{margin-bottom:20px;}

#content #lienactu{display:block;position:absolute;top:5px;right:5px;padding : 5px; }
#content #lienactu a{padding : 0 5px; }
/*#content p span {font-weight:700;}*/
.entry-date { color: #46A6AF;font-size:11px;float:right;font-style:italic;margin-top: 4px;}

/* index */
#content-index {margin-left:30px;}
#content-index p{ margin-bottom:15px; }
#content-index p:last-child { margin-bottom:0px; }

#content-index #intro { padding-top:16px;}
#content-index #intro h1{font-size:38px; color:#46a6af; font-weight:400; text-align:right; margin:0px 112px 30px 0px; }
#content-index #intro p{ margin-left:326px; }

#content-index #colonnes { margin-top:50px; margin-left:326px; min-height:50px; }
#content-index #colonnes .colonne.index { float:left; width:255px; padding: 0 15px; margin-right:20px ; border-left: 1px solid #c4bcb6; border-right: 1px solid #c4bcb6; }
#content-index #colonnes .colonne:last-child { margin-right:0px;  }

#content-index #colonnes .colonne img { margin-bottom: 15px; border:none; }

#content-index #colonnes .colonne h2, #content #offres .colonne h2{ background:#644f43; font-size: 23px; font-weight:normal; text-align:center; margin-bottom:15px; line-height:38px; letter-spacing:1px;}
#content-index #colonnes .colonne h2 a, #content #offres .colonne h2 a {color:#ffffff; text-decoration: none;}
#content-index #colonnes .colonne h2 a:hover, #content #offres .colonne h2 a:hover {color:#339999;}

#content #offres .colonne h2 {font-size: 19px;}

#content-index #colonnes .colonne p a {color:#46a6af; font-style:italic; }
#content-index #colonnes .colonne p a:hover {text-decoration : underline;  }

#content-index #intro h2#emweber{color:#46a6af ; font: 26px 'Comfortaa', cursive;margin-left: 326px;margin-bottom: 20px;text-align:center;}

/* témoignages */
#content p.temoignage {margin-bottom: 10px; }
#content p.temoignage:before { content : "“"; }
#content p.temoignage:after { content : " „"; /*alt maj 2*/ }
#content p.temoignage:before, #content p.temoignage:after  { font : 32px/11px 'Times'; color : #46a6af; }

#content p.nom {text-align:right; font-size: 12px; font-style:italic;  color: #46a6af; margin-bottom: 20px;}

/* contact */
#content .wpcf7 form .form_field,#content .wpcf7 form .form_radio {margin-bottom:15px;}
#content .wpcf7 form .form_field label, #content .wpcf7 form .form_radio label {display: block; float:left; width:165px; height:28px; line-height:28px; font-weight:700; font-size:14px;}
#content .wpcf7 form .form_field span, #content .wpcf7 form .form_area span {color: #FF0000; font-weight: bold;}
#content .wpcf7 form .form_field input, #content .wpcf7 form .form_area textarea {color:#634e42; font: 14px 'Open Sans',sans-serif; border: 1px solid #46a6af; padding: 0 4px; background:#f6f5f3;-moz-border-radius:2px; -webkit-border-radius:2px; o-border-radius:2px; border-radius:2px;
-moz-box-shadow: 0 0 3px #9EE0E0 inset, 0 0 0 #BEAE8C inset; -webkit-box-shadow: 0 0 3px #9EE0E0 inset, 0 0 0 #BEAE8C inset; box-shadow: 0 0 3px #9EE0E0 inset, 0 0 0 #BEAE8C inset;}
#content .wpcf7 form .form_field input:focus, #content .wpcf7 form .form_area textarea:focus{border: 2px solid #46a6af}
#content .wpcf7 form .form_field input[type="text"]{height:28px; width:290px;}
#content .wpcf7 form .form_field input[type="text"]:focus{height:26px !important;height:28px;}
#content .wpcf7 form .form_area textarea:focus{height: 200px !important;height:202px;}
#content .wpcf7 form .form_field span.tel input {width:98px; }
#content .wpcf7 form .form_field span.ex {font-style:italic;color: #999999;margin-left : 6px;font-weight:normal; }
#content .wpcf7 form .form_radio span.wpcf7-form-control-wrap { height: 28px;line-height: 28px;}
#content .wpcf7 form .form_radio input[type="radio"] { font: 14px/28px 'Open Sans',sans-serif; margin : 0 5px 10px 0;  }
#content .wpcf7 form .form_radio .wpcf7-list-item {margin: 0 15px 0 0;}
#content .wpcf7 form .form_area label {display:block; float:none; width:145px; height:28px; line-height:28px; font-weight:700; font-size:14px;}
#content .wpcf7 form .form_area textarea{width:455px; height:200px; }
#content .wpcf7 form .submit input[type="submit"]{ font-size:14px; font-weight:bold; color: #ffffff; background:#46a6af; padding:4px; border:none; float:right; margin: 15px 106px 0px 0px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#content .wpcf7 form .submit input[type="submit"]:hover{ background:#52c3ce; color:#000000;}

/* 404*/
#content .citation {font-family:'Comfortaa',cursive;font-size:24px;color: #339999;line-height:34px;margin-bottom:50px;}
#content .citation span{font-size:20px;font-style: italic;color: #634E42;}

/* FOOTER */
footer{ height:50px; margin-top:15px;}
footer #footer-area {border-bottom: 2px solid #634e42; font-size:14px; padding:10px 0 4px 0; background:#e4dbd5; }
footer #footer-area ul li {height:18px; margin-bottom:4px;}
footer #footer-area a{color:#634e42; }
footer #footer-area a:hover{color:#339999;} 

footer #footer-area #copyright{ width:296px; float:left; padding-left:30px; line-height:20px;}
footer #footer-area #copyright a{ }
footer #footer-area #copyright a:hover{ }
footer #footer-area #copyright a:visited{ }

footer #footer-area #associations {width:328px; float:left; text-align:center; }
footer #footer-area #associations p{margin-bottom:4px;}
footer #footer-area #associations ul.menu{margin-left:50px; }
footer #footer-area #associations ul.menu li{float: left;}
footer #footer-area #associations ul.menu li:after{ content:"|"; margin: 0 5px; color:#c4bcb6;}
footer #footer-area #associations ul.menu li:last-child:after{ content:"";}
footer #footer-area #associations ul li a {}
footer #footer-area #associations ul li a:hover {}

footer #footer-area #reseaux{width:296px; float:left; padding-right:30px; margin-top:10px; }
footer #footer-area #reseaux .menu-menu-reseaux-container{/*margin-left:218px;*/}
footer #footer-area #reseaux ul {}
footer #footer-area #reseaux ul li {float:right; margin-right: 14px;}
footer #footer-area #reseaux ul li:first-child {background: transparent url('images/logos.png') left  -36px no-repeat;width:86px; margin-right: 0px;}
footer #footer-area #reseaux ul li:nth-child(2) {background: transparent url('images/logos.png') left 0px no-repeat;width:78px;}
footer #footer-area #reseaux ul li:nth-child(3) {background: transparent url('images/logos.png') left -18px no-repeat;width:70px; }
footer #footer-area #reseaux ul li a {text-indent:20px; margin-left:24px;}
footer #footer-area #reseaux ul li a:hover { }