/*
Theme Name: Site Wolluwé
Theme URI: 
Description: Site internet de l'école de Wollwé-Saint-Pierre
Author: Centvingtcinq.com
Version: 1.0
*/

/* `Include
----------------------------------------------------------------------------------------------------*/

/*RESET ERIC M.*/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	overflow-y: scroll;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*slider*/

		
	img{border:none;}
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
			
			#slider{
		
			
			}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	
		}	
	#prevBtn, #nextBtn{ 
		position:absolute;
		display:block;
		width:30px;
		height:31px;
		margin-top: 85px;
		margin-left:250px;
		}	
	#nextBtn{ 
		margin-left:930px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:31px;
	
		background:url(../img/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../img/btn_next.png) no-repeat 0 0;	
		}
		



/* `Layout
----------------------------------------------------------------------------------------------------*/

body
{
font-family: verdana, sans-serif;
font-weight:100;
}

#ban_1
{
position:absolute;
width:100%;	
height:175px;
background-image:url(images/ban_1.png);
z-index:0;

/*
box-shadow: 0px 6px 10px #561A0B;
-webkit-box-shadow: 0px 6px 10px #561A0B;
-moz-box-shadow: 0px 0px 0px #CCC;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#561A0B, offX=0, offY=6, positive=true);
*/
}

#global
{
position:relative;
width:960px;
margin:0px auto;

}


#logo
{
float:left;
height:165px;

}

#right_box
{
float:right;

}
/*
#search
{
width:300px;
float:right;
height:46px;
}

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

#search img
{
float:right;
}
*/
#search
{
width:300px;
float:right;
height:46px;
}

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

#search img
{
float:right;
}

input.search
{
width:35px;
height:27px;
background-image: url(images/loupe.png);
border:none;
background-color: transparent;
float:right;
cursor: pointer;
}
/*******Nav 1 **********/

#nav_1
{
/*margin-top:128px;*/
margin-top:120px;
width:518px;
}

#nav_1 ul{
float:right;
font-size:12px;
}

#nav_1 ul li
{
/*color:white;
background-color:#00415e;
margin-right:1px;
margin-left:1px;
display:block;
float:left;
height:20px;
text-align: center;
min-width:80px;
padding:8px;
font-size: 15px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;*/
list-style: none ;
float: left ;
margin-right: 1px ;
color: #fff ;
background:#00415e;
margin-right:0px;
margin-left:2px;
float:left;
text-align: center;
min-width:80px;
font-size: 15px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;	
}

/*
#nav_1 ul li:hover 
{
background-color:#5aa6c8;
}
*/
#nav_1 ul li a
{
/*color:white;
text-decoration: none;
*/
display: block ;
background:#00415e;
color: #fff ;
font: 1em verdana;
line-height: 1em ;
padding: 4px 0 ;
text-align: center ;
text-decoration: none ;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;	
height:30px;
padding-top:10px;		
padding-left:20px;
padding-right:20px;	
}
/*
#nav_1 ul li a:hover
{
color:white;
text-decoration: none;

}
*/
#nav_1 li a:hover {
background:#59a6c8;
}
/*
#nav_1 ul li.active
{
color:white;
text-decoration: none;
background-color:#329ac8;
background-image:url(images/fleche_haut.png);
background-repeat: no-repeat;
background-position: bottom center;
}
*/
#nav_1 li.active a{
background-color:#329ac8;
background-image:url(images/fleche_haut.png);
background-repeat: no-repeat;
background-position:bottom center;
}

#global_2
{
width:960px;
margin:0px auto;
clear:both;
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
}

#school, #slider
{
float:left;
}

/*******Nav 2 **********/
/*
#nav_2 ul
{
width:250px;
margin-left:25px;
margin-top:30px;
}

#nav_2 ul li
{
list-style-image: url("images/fleche.png");
font-size: 14px;
margin-bottom: 15px;
}

#nav_2 ul li a
{
color:#00415e;
text-decoration: none;
}

#nav_2 ul li:hover a
{
color:#70b2cf;
}

#nav_2 ul li.active{
list-style-image:url("images/fleche_act.png");
}

#nav_2 ul li.active a
{
color:#e57900;
}

#nav_2 ul ul
{
width:150px;
margin-left:25px;
margin-top:20px;
}


#nav_2 ul li.active li
{
width:170px;
list-style-image: url("images/rond.png");
font-size: 12px;
margin-bottom: 10px;
border-bottom: dashed 1px #329ac8;
padding-bottom:8px;
}


#nav_2 ul li.active li a
{
color:#329ac8;
text-decoration: none;
}


#nav_2 ul li.active li.active{
list-style-image: url("images/rond.png");
}

#nav_2 ul li.active li.active a
{
color:#e57900;
}
*/




#left{
float:left;
border-right: 1px #CCC solid;
width:250px;
height:590px;
}

#right{
float:left;
margin-top:25px;
font-size: 12px;
margin-left:25px;
}

#right p
{
margin-top:6px;
line-height:20px;
}


#central{
float:left;
margin-top:25px;
font-size: 12px;
margin-left:25px;
}


#central p
{
margin-top:6px;
line-height:20px;
}

#col_central
{
width:600px;
margin-right:20px;
margin-bottom:10px;

}

#central a
{
color:#00415e;
}

#central a:hover
{
color:#e57900;
}

#contact
{
width:600px;
margin-right:20px;
margin-top:50px;
clear:both;
}

h2
{
font-weight: bold;
font-size: 16px;
border-bottom:#e57900 1px solid;
display:block;
margin-bottom:16px;
padding-bottom:5px;
color:#00415e;
line-height: 1.5;
}

.col
{
width:280px;
float:left;
margin-right:20px;
margin-bottom:20px;
}

#col3
{
clear:both;
width:608px;
}

#col3 img
{
float:left;
margin-right:20px;
}



#itssep, #icmes
{
width:225px;
line-height:16px;
float:left;
margin-right:20px;
margin-bottom:40px;
}


#contact
{
width:600px;
margin-right:20px;
margin-bottom:20px;
clear:both;
display:block;
margin-top:50px;
height:400px;
}

#plan
{
width:640px;
height:525px;
margin-right:20px;
margin-bottom:20px;
clear:both;
display:block;
margin-top:50px;
}


#contact #wpcf7-f1-p13-o1 div{
width:500px;
height:30px;
}

label
{
float:left;
display:block;
width:100px;
}

input
{
display:block;
width:200px;
border: 1px #e57900 solid;
}

input.button{
margin-left:100px;
margin-top:20px;
width:100px;
}

textarea
{
position:relative;
width:330px;
height:157px;
z-index:1;
border: 1px #e57900 solid;
}

#contact div span.obligatoire
{
float:right;
font-size: 10px;
}


#photo .clear{
clear:both;
}

#photo img{
float:left;
margin:10px;
padding:6px;
border: 2px #e57900 solid;

}


.alignleft,.alignright{
margin:10px;
padding:6px;
border: 2px #e57900 solid;

}


.alignleft{
float:left;

}

.alignright{
float:right;
}


.icone
{
float:left;
}
#info{

float:left;}

#infocomp{
font-size: 10px;
float:left;
}

#down{
margin-left:100px;
margin-top:20px;
}

#text_leg{
margin-top:30px;
clear:both;
width:600px;
}

h3
{
color:#00415e;
font-weight: bold;
font-size:14px;
margin-bottom:6px;
}

h3.school
{
color:#00415e;
font-weight: bold;
font-size:14px;
margin-bottom:10px;
}

#right a
{
color:#00415e;
}

#right a:hover
{
color:#70b2cf;
}

#ban_2
{
height:199px;
border-bottom: #e57900 2px solid;
}

#footer
{
width:960px;
margin:auto;
font-size: 10px;
color:white;
clear:both;
height:50px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; 
background-image: -moz-linear-gradient(top, #246590, #4898c5); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #246590),color-stop(1, #4898c5)); /* Saf4+, Chrome */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#246590', endColorstr='#4898c5'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#246590', endColorstr='#4898c5')"; /* IE8 */
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.4);


}

#clear
{
width:960px;
margin:auto;
color:white;
clear:both;
height:10px;
}


#footer a
{
color:white;
text-decoration: none;
}

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

p.left
{
font-size: 9px;
margin-left:10px;
float:left;
}

p.right
{
font-size: 9px;
margin-right:10px;
float:right;}

p.center
{
padding-top:20px;
text-align: center;
}


.textfield {
	width:180px;
	height:25px;
	font: normal 10px verdana,tahoma,sans-serif;
	color:#00415e;
	background:#006699;
	-moz-box-shadow: inset 2px 2px 5px black;
	-webkit-box-shadow: inset 0 0 1em black;
    box-shadow: inset 0 0 1em black;
    float:right;
    -webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 10px;
	border:none;
	padding-left:15px;
}

h2 a.news { text-decoration: none; }
.col h3 a { text-decoration: none; }
.col h3 a:hover, .col h3 a:focus { text-decoration: underline; }

#ban_2 { position: relative; }



.post { margin-bottom: 15px; clear: both; overflow: hidden; }
.post h2 a { text-decoration: none; }
.post img { float: left; margin: 0 15px 15px 0; }
.entry-utility { clear: both; margin-top: 20px; }
#central .entry-utility a { color: #E2781C;  }
#nav-below, #nav-above { float: right; font-size: 10px; width: 195px; }
.nav-previous { float: left; }
.nav-next { float: right; }
#central .navigation a { color: #BABABA; }
#central .navigation a:hover { color: #999; }

#central a[href $=".pdf"] {
  padding: 2px 0px 2px 20px;
  background: url(images/pdf.jpg) no-repeat left center;
  text-decoration: none;
}
#central a[href $=".pdf"]:after {
  content: " ( document PDF à télécharger )";
  color: #989898;
  text-decoration: none;
}



/* Style pour les articles et les posts */

#central #col_central u {
	text-decoration: underline;	
}

#central #col_central i, #central #col_central em {
	font-style:italic;	
}


#central #col_central b, #central #col_central strong {
	font-weight:bold;	
}


#central #col_central h2 {
	font-weight: bold;
	font-size: 16px;
	border-bottom:#e57900 1px solid;
	display:block;
	margin-bottom:16px;
	padding-bottom:5px;
	color:#00415e;
	line-height: 1.5;
}

#central #col_central h3 {
	color:#00415e;
	font-weight: bold;
	font-size:14px;
	margin-bottom:6px;
}

#central #col_central h4 {
	color:#00415e;
	font-weight: normal;
	font-size:14px;
	margin-bottom:4px;
	
}

#central #col_central h5 {
	color:#e57900;
	font-weight: bold;
	font-size:12px;
	margin-bottom:2px;
}

#central #col_central h6 {
	color:#e57900;
	font-weight: normal;
	font-size:12px;
	margin-bottom:4px;
}

#central #col_central blockquote, #central #col_central cite {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding-left: 1em;
}

#central #col_central pre {
	font-family: "Courier New", Courier, monospace;
}

#central #col_central abbr, #central #col_central acronym {
	border-bottom: 1px dotted #000000;
}

#central #col_central ul {
	font-weight:bold;
	padding: 2px 0 3px 0;
}

#central #col_central li {
	font-weight:normal;
	padding: 3px 0 5px 10px;	
}