/* Type:	Front-End Wordpress CSS
 * by:		Yann Lorber, Freelance Web Developer, http://www.yannlorber.fr
 * Date:	March 2010
 */
 
/* ********* CSS RESET *********** */
* {margin: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronymess, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-family:Arial;
border : 0 none; margin : 0; padding : 0; outline-style : none; outline-width : 0; vertical-align : baseline;}
object, embed {outline:none;}
:focus {outline-style : none; outline-width : 0;}
ol, ul {list-style-image : none;list-style-position : outside;list-style-type : none;}
table {border-collapse : separate;border-spacing : 0;}
caption, th, td {font-weight : normal;text-align : left;}
blockquote:before, blockquote:after, q:before, q:after {content : "";}
blockquote, q {quotes : "" "";}
em {font-style : italic;}
input, textarea { font-family:Arial; font-size:12px;}
/* ********* STICKY FOOTER *********** */
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {padding-bottom: 75px;}  /* must be same height as the footer */
#footer {
position: relative;
margin-top: -75px; /* negative value of footer height */
height: 85px;
clear:both;
width:100%;
}
#footer p{padding: 0px;}

/* ********* MAIN LAYOUT *********** */
a {
text-decoration: none;
color: #00203c;	
}
a:hover {
color:#E05A10;
}

h1, h2, h3, h4, h5 {
font-weight:normal;	
text-transform:uppercase;
}
body {
font-size : 12px;
background : #213d57 url(../img/bg2.png) repeat-x;
color: #727272;
}
body#tinymce{
background : #fff
}

.entry td {border:1px solid #D5CBB4;
border-collapse:collapse;
padding:3px}
.entry tr {
border-collapse:collapse;}

.right {
float:right !important;
}

.sep {
clear:both;
float:left;	
height:20px;
width:100%;
}
.vsep {
float:left;
display:block;	
height:20px;
width:20px;
}
.full {
float:left;
clear:both;
}

.full {
width:960px;
background: white;	
}

.full iframe {
margin:3px;
}
#wrapper {
width:960px;
position:relative;
margin: 0 auto;
}

#main .content,
#sidebar,
#sidebar .content,
#main .col
{ display:inline; }


#tache {
width:100%;
background : transparent url(../img/tache.png) no-repeat;
min-height: 305px;
height: 305px;
margin: 0 auto;
position:absolute;
top:0px;
left:-200px;
}


#footer {
background : transparent url(../img/footer.png) repeat-x;	
}
#footer .content {
clear:both;
width:960px;
margin:0px auto;
position:relative;	

}

#footer .logo {
background : transparent url(../img/logo_footer.gif) no-repeat;	
width:44px;
height:44px;
float:left;
margin-right:15px;
}

#footer .text {
float:left;
width:780px;
position:relative
}

#footer a{
color:#727272;
text-decoration:underline;	
}

#footer a:hover{
color:#E05A10;
text-decoration:underline;	
}

#footer .actweb {
position:absolute;	
top:4px;
right:0px;
background : transparent url(../img/actweb.gif) no-repeat 0px 0px;	
width:100px;
height:12px;
display:block;
}
#footer .actweb:hover {
background : transparent url(../img/actweb.gif) no-repeat 0px -12px;	
}

#header {
height: 330px; 
width:100%;
position:relative;
}

#page {
width:100%;
float:left;

}
#illustration {
height:242px;
width:960px;
background:#fff;
position:absolute;
top:88px;
left:0px;	
}
#illustration img{
margin:3px;
}
#illustration img.cover{
position:absolute;
top:0px;
left:0px;
width:803px;
height:235px;
display:none;
}

.contact {
width:320px;
height:165px;
position:absolute;
display:block;
top:123px;	
right:18px;	
background : transparent url(../img/contacter_epf67.png) no-repeat 0px 0px;	
}
.contact span{
color:#fff;
font-size:12px;
line-height:14px;
width:225px;
position:absolute;
top:90px;	
left:48px;
}


#logo {
width:148px;
height:134px;
position:absolute;
top:16px;
left:16px;
}
#menu {
width:785px;
height:27px;
position:absolute;
top:61px;
right:0px;
}

#main {
float:left;
width:629px;	
}
#main .box {
background:#faf6ee;	
float:left;
clear:both;
width:100%;	
}

#main .box {
position: relative
}

#main .entry .continue,
#main .box .continue,
#main .box .button{
background:#e98e00 url('../img/type2_sublink2.gif') no-repeat 0px 0px;
}
#main .beige .continue{
background:#e98e00 url('../img/type2_sublink.gif') no-repeat 0px 0px;
}


#main .beige {
background:#f2e9d4;	
}
#main .halfbox {
float:left;
padding-left:20px;
position:relative;
}

#main .halfbox1 {
width:290px;
}

#main .halfbox2 {
width:277px;
padding-left:20px;
padding-right:20px;
}

#main .halfbox .content {
margin:0px;
}
#main .halfbox1 .content{
width:290px;
}

#main .halfbox2 .content{
width:277px;
}
#main .header{
float:left;
width:100%;
background : #f6f3ee url(../img/main_header.gif) repeat-x left top;	
border-bottom: 1px solid #dfdcd6;
}

#main .halfbox  .header{
background:none;
margin:0px;	
}

#main h1 {
color : #00203c;
font-size:20px;
margin:15px 0px 15px 20px;
}

#main .halfbox  h5{
margin:15px 0px ;
}


#main .content {
clear:both;
float:left;
width:589px;
margin:0px 20px 20px 20px;	
}


#main h2 {
font-size: 16px;
margin-bottom:10px;
}

#main .content .thumbnail {
float:left;
clear: both;
width:80px;	
height:80px;
border:1px solid #dbd5c7;
background: #f2e9d4;
margin-right:20px;
}

#main .content .thumbnail img{
margin:3px;
width:74px;
height:74px;
}
#main .content .news li{
border-bottom:1px dotted #c8c5be;
padding:20px 0px;
clear: both;
float:left;
width:585px;
position:relative;

}

#main .content .text {
float:left;
width:480px;
}




#main .news p {
padding:0px;
}

#main .sublink a{
background:url('../img/arrow_list.gif') no-repeat 0px 4px;
padding-left:10px;
}


#main div.sublink {
float:right;
}
#main .entry  {
float:left;
margin:10px 0px 0px 0px;
width:100%;
}
#main .entry .sublink {
float:left;
}

#tinymce,
#main .entry {
color:#727272;
}
#tinymce p,
#main .entry p {
padding:0px 0px 20px 0px;	
line-height:18px;
}
#main .entry ul {
clear:both;
float:left;
width:589px;
margin-bottom:10px;
}
#tinymce ul {
clear:both;
float:left;
width:100%;
margin-bottom:10px;
}

#main .entry ul li {
clear:both;
float:left;
width:576px;
margin:2px 0px;
padding-left:13px;
background:url('../img/bullet.gif') no-repeat 0px 7px;
}
#tinymce ul li{
clear:both;
float:left;
width:100%;
margin:2px 0px;
padding-left:13px;
background:url('../img/bullet.gif') no-repeat 0px 7px;
}


#tinymce h1,
#main .entry h1 {
color : #00203c;
font-size:20px;
margin:10px 0px;
}
#tinymce h2,
#main .entry h2 {
font-size: 16px;
margin:10px 0px;
clear:both;
}	
#tinymce h3,
#main .entry h3 {
font-size: 16px;
margin:10px 0px;
color:#e05a10;
clear:both;
font-weight: normal;
text-transform: uppercase;
}	
#tinymce h4,
#main .entry h4 {
font-size: 14px;
margin:10px 0px;
clear:both;
font-weight: normal;
text-transform: uppercase;
}	
#tinymce h5,
#main .entry h5 {
font-size: 14px;
margin:10px 0px;
color:#e05a10;
clear:both;
font-weight: normal;
text-transform: uppercase;
}	
#tinymce h6,
#main .entry h6 {
font-size: 12px;
margin:10px 0px;
clear:both;
font-weight: normal;
text-transform: uppercase;
}	










#main #submenu ul {
float:left;	
width:609px;
}
#main #submenu ul li{
float:left;
height:26px;	
}
#main #submenu ul li a{
float:left;
height:20px;	
color:			#fff;
text-transform:	uppercase;
text-align:		center;
font-size:		11px;
background:		#173754 url('../img/submenu.gif') repeat-x 0px 0px;
margin-right:	1px;
padding: 		3px 16px;
text-decoration:none;
}
#main #submenu ul li a:hover,
#main #submenu ul li.current a{
background:		#e89000 url('../img/submenu.gif') repeat-x 0px -27px;
}









#sidebar {
float:left;
margin:0px  0px 0px 22px;
width:309px;
}

#sidebar .box {
float:left;
width:309px;
position:relative;
}

#sidebar .type1  h3 {
color : #fff;
font-size:18px;
margin:15px 0px 0px 20px;
}

.type1 .header{
float:left;
width:100%;
height:47px;
background : transparent url(../img/type1_header.gif) repeat-x 0px 0px;	
position:relative;
}


.type1 .news .thumbnail {
float:left;
width:64px;	
height:64px;
border:1px solid #e3e3e1;
background: #fff;
margin-right:8px;
}
.type1 .news {
float:left;
margin: 0 15px;
width:279px;
height:199px;
overflow:hidden;
}
.newshome {
float:left;
background:#faf6ee;	
width:100%;
}


.newshome .continue{
background:#e98e00 url('../img/type2_sublink2.gif') no-repeat 0px 0px;
}


.type1 .news .thumbnail img{
margin:2px;
width:60px;
height:60px;
}
.type1 .news li{
border-bottom:1px solid #dbd5c7;
padding:15px 0px;
height:70px;
float:left;
clear:both;
width:100%;
overflow:hidden;
position:relative;
}
.type1 .news p{
line-height:15px;
}

.news .sublink a{
padding-left:10px;
position:absolute;
bottom:9px;
right:0px;
line-height:14px;
}

#main .news .text a{
padding-left:10px;
position:absolute;
bottom:9px;
right:0px;
line-height:14px;
}

.iconlist li{
background:url('../img/icon_list.gif') no-repeat 0px 0px;
height:65px;
width:309px;
float:left;
border-bottom:1px solid #dbd5c7;
}

.iconlist li a{
text-transform:uppercase;
display:block;
height:25px;
width:274px;
float:left;
padding : 22px 0px 18px 20px;
font-size:16px;

}
.iconlist li a.membre{
background:url('../img/membre.gif') no-repeat right center;	
}
.iconlist li a.projet{
background:url('../img/projet.gif') no-repeat right center;	
}
.iconlist li a.coute{
background:url('../img/coute.gif') no-repeat right center;	
}
.type2 {
background: #f2e9d4;

}



.type2 .header{
float:left;
width:100%;
height:47px;
}
.type2  h5 {
color : #00203c;
font-size:18px;
margin:15px 20px 15px 20px;
text-transform:none;
border-bottom: 1px solid #d5cbb4;
padding-bottom:10px;
}

.type2 .content {
margin:20px;
width:269px;	
float:left;
}

.type2 .arrowlist {
width:100%;	
float:left;
margin-bottom:10px;
min-height:100px
}

#main .type2 .arrowlist {
width:100%;	
float:left;
margin:10px 0px;
}

.enhanced {
font-weight:bold;
color:#00203c;	
}

#main .arrowlist {
width:100%;	
float:left;
}


#main .links {
width:100%;	
float:left;
}

#main .links  .linkcat{
width:auto;	
float:left;
margin-right: 20px;
clear: none;
}
#main .links  h2{
text-transform: none;
}




#main .col {
width:284px;	
float:left;
}
#main .home .col p {
padding-bottom: 0px;
}

#main .quoi {
width:306px;
height:199px;
position:absolute;
top:47px;
right:0px;
background:		#767f87 url('../img/quoi.gif') no-repeat;
}

#main .quoi li {
width:306px;
height:67px;
float:left;	
}

#main .quoi li span {
color:#fff;
font-size:16px;
text-transform:uppercase;
margin-left:20px;
margin-top:23px;
float:left;
}

#main .quoi li span.size1 {
color:#fff;
font-size:16px;
text-transform:uppercase;
margin-left:20px;
margin-top:13px;
float:left;
width:286px;
}

#main .quoi li span.size2 {
color:#fff;
font-size:11px;
text-transform:uppercase;
margin-left:20px;
margin-top:0px;
float:left;
clear: both;
width:286px;
}
#main .quoi a {
	width:306px;
	height:67px;
display:block;
}
#main .quoi a:hover span {
color:#004F9A;
}

#main .home {
float:left;
height:246px;	
overflow:hidden;
}


#main .home h1 {
margin:15px 0 6px;
}
#main .home .entry {
margin:5px 0px 0px 20px;
}

#main .beige .header {
border-bottom:none
}
#main .beige .halfbox h5
{
padding-bottom: 3px;
margin:10px 0px;
}
#main .beige .arrowlist
{
margin:0px;
}
#main .beige .listillus
{
float:none;
position: absolute;
bottom:5px;
right:10px
}

.arrowlist li{
width:100%;	
float:left;
clear:both;
}
.arrowlist li a{ 
background:url('../img/arrow_list.gif') no-repeat 0px 4px;
padding-left:10px;
}

.type2 .arrowlist li a{ 
color: #727272;	
}

.arrowlist li a:hover {
color:#E05A10;
}

.listillus {
float:right;
width:70px;	
}

.telecharge { 
background:url('../img/telecharger1.jpg') no-repeat right top;
height:74px;
}
.liens { 
background:url('../img/liens1.jpg') no-repeat right top;
height:74px;
}


.type2 .sublink a {
clear:both;
float:left;
background:#e98e00 url('../img/type2_sublink.gif') no-repeat 0px 0px;
padding-left:10px;
padding: 2px 5px 2px 10px;
height:14px;
color:#fff;
}


.continue {
clear:both;
float:left;
background:#e98e00 url('../img/type2_sublink.gif') no-repeat 0px 0px;
padding-left:10px;
padding: 2px 5px 2px 10px;
height:14px;
color:#fff;
}
.continue:hover {
color:#fff;
}

p {
padding:0px 0px 20px 0px;	
line-height:18px;
}
ul li,ol li{
font-size : 12px;
line-height:20px;
}


#main .entry form li {
background:none;	
padding:0;
}

form {
/*margin-top:10px;*/
float:left;
position:relative;	
}
#main .entry form li {
margin:4px 0;	
}
form li .label {
float:left;
width:150px;
}
form li .fields1 {
float:left;
width:127px;
}
form li .fields2 {
float:left;
width:206px;
}
form li .field {
float:left;
width:119px;
border:1px solid #c2bdb0;
color:#00203c;
padding:3px;
}
form li .label2 {
float:left;
width:80px;
}
form li .field2 {
float:left;
width:198px;
border:1px solid #c2bdb0;
color:#00203c;
padding:3px;
}
form li textarea {
height:106px;
}

form .button {
clear:both;
float:left;
background:#e98e00 url('../img/type2_sublink.gif') no-repeat 0px 0px;
height:18px;
color:#fff;
border:none;
cursor:pointer;
}

#main .entry form .button {
float:right;
}

form .notice {
float:left;
color:#b0afaf;
font-style:italic;
}


.rss {
position:absolute;
top:15px;
right:10px;	
width:18px;
height:18px;
background:#7a838d url('../img/rss.gif') no-repeat 0px 0px;
}
.rss:hover {
background:#7a838d url('../img/rss.gif') no-repeat 0px -18px;
}
.tout {
position:absolute;
top:15px;
right:29px;
background: url('../img/actus.gif') no-repeat 0px 0px;
width:108px;
height:16px;
color:#ffffff;
font-size:11px;
padding-left:14px;
padding-top:2px;
}
.tout:hover {
color:#004F9A;
}


#main .wpcf7-not-valid-tip{
border:none;
background: none;
color:#CC0000;
font-weight:normal;
font-size:11px;
float:left;
clear:both;
position: relative;
top:0px;
left:0px;
padding:0px;
line-height:14px;
width:130px;
}


#main .wpcf7-response-output{
border:1px solid #C2BDB0;
background: #fff;
text-align: center;
font-weight:normal;
font-size:13px;
float:left;
clear:both;
padding:3px;
width:575px;
margin: 0px
}

#main .wpcf7-validation-errors {
color:red;
font-weight: bold
}

#main .wpcf7-mail-sent-ok
{
color:green;
}

#main .ajax-loader {
right:75px;position:absolute;bottom:0px
}