/*
Theme Name: Digital cowboys theme
Theme URI: http://www.digital-cowboys.fr/
Description: Un thème HTML5 basé sur <a href="http://nathanstaines.com/articles/starkers-html5/">Starkers HTML5</a>
Version: 1.0
Author: EC
*/

html, body{margin:0;padding:0;font-family: Arial;}
a, img{border:none; outline: 0 none;}

#content_right h1{
	font-size:30px;
	border-bottom:2px solid;
	text-transform : uppercase;
	color:#d1cb14
}

#content_right h1.violet{
	 color:#613662; 
	 border-color::#613662;
}

#content_right h1.rouge{
	 color:#cc071e; 
	 border-color::#cc071e;
}

#content_right h1.vert{
	 color:#44a12b; 
	 border-color::#44a12b;
}

#content_right h1.gris{
	 color:#5c6970; 
	 border-color::#5c6970;
}

#content_right.rouge article a{color:#cc071e;}
#content_right.violet article a{color:#613662;}
#content_right.vert article a{color:#44a12b;}
#content_right.gris a{color:#5c6970;}

.revue_presse, .revue_presse p{
	font-family: Arial;
	text-transform : uppercase;
	font-size:11px;
	color:#707070;
}

.revue_presse h2{
	font-weight:bold;
	font-size:18px;
	text-transform : uppercase;
	color:#000;
	padding-bottom:17px;
}

.revue_presse h3{
	font-weight:bold;
	font-size:18px;
	color:#d1cb14;
	padding-bottom:10px;
}

.revue_presse h3 a{
	color:#d1cb14;
	text-decoration:none;
}

.revue_presse h3 a:hover{color:#707070;}

#error_404{
	padding-top: 40px;
    text-align: center;
}

#contact_presse{padding-top:8px;line-height:17px;}

#bg_site{
	overflow: hidden;
    position: absolute;
    top: 56px;
    width: 100%;
    z-index: 0;
	left:0;
}

.content{
	width:965px;
	position : relative;
	margin:0 auto;
}

#main{
	overflow:hidden;
	padding-bottom:50px;
}

#wrapper-header{
	position:relative;z-index:2;
}
#wrapper-main{background:#f0ede8;}
#wrapper-footer{}
#header{
	height:190px;
}

#logo{
	left: -166px;
    position: absolute;
}
#revue-presse{
	position: absolute;
    right: 0;
    top: 9px;
}

#phrase_entete{
    font-size: 26px;
    font-weight: bold;
    left: 179px;
	text-align:center;
    position: absolute;
    text-transform: uppercase;
    top: 52px;
    width: 647px;
	color:#d1cb14;
}

#phrase_entete.violet{
	color:#613662;
}

#phrase_entete.rouge{
	color:#cc071e;
}

#phrase_entete.vert{
	color:#44a12b;
}

#phrase_entete.gris{
	color:#5c6970;
}

#phrase_entete.bleu{
	color:#39979e;
}



/* MENU */

#navigation{
	left: 156px;
    position: absolute;
    top: 157px;
}

#navigation .first_lien{
	width:100%;
	height:100%;
	display:block;
}

#navigation ul{
	height: 42px;
    list-style: none outside none;
    width: 800px;
}

#navigation li{
	cursor: pointer;
    float: left;
    height: 27px;
    position: relative;
	background:#f0ede8;
	margin-right: 6px;
	background-repeat:no-repeat;
}

#navigation li#nav_1{width:200px;background:url('images/menu-citoyennete_jeunesse.png');}
#navigation li#nav_2{width:117px;background:url('images/menu-nos-projets.png');}
#navigation li#nav_3{width:121px;background:url('images/menu-enseignants.png');}
#navigation li#nav_4{width:91px;background:url('images/menu-partager.png');}
#navigation li#nav_5{width:97px;background:url('images/menu-contact.png');}
#navigation li#nav_6{width:97px;background:url('images/menu-blog1.png');margin-left:17px}
#navigation li#nav_1.actif,#navigation li#nav_2.actif,#navigation li#nav_3.actif,#navigation li#nav_4.actif,#navigation li#nav_5.actif{background-position:bottom;}

#navigation li#nav_4 a{width:91px;height:27px;display:block;}

#navigation.violet li#nav_4{background:url('images/menu-partagerviolet.png');}
#navigation.rouge li#nav_4{background:url('images/menu-partagerrouge.png');}
#navigation.vert li#nav_4{background:url('images/menu-partagervert.png');}
#navigation.gris li#nav_4{background:url('images/menu-partagergris.png');}

#navigation ul.submenu {
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 27px;
	width:213px;
    z-index: 999999;
}

#navigation ul.submenu li {
    background: #f0ede8;
	border-bottom:1px solid #FFF;
    cursor: pointer;
    height: 25px;
    position: relative;
    width: 100%;
	top:-73px;
}

#navigation ul.submenu li.submenu_last {height:10px;background:url('images/menu-bottom.png');}

#navigation ul.submenu li a{
	display: block;
    font-family: Arial;
    font-size: 12px;
    height: 18px;
    padding-left: 23px;
    padding-top: 7px;
    position: relative;
    text-decoration: none;
    width: 100%;
	background-repeat:no-repeat;
}

#barre_navigation{
	background: none repeat scroll 0 0 #F0EDE8;
    height: 4px;
    position: absolute;
    top: 184px;
    width: 959px;
    z-index: 1;
}

#barre_navigation.violet{
	background: none repeat scroll 0 0 #613662;
}

#barre_navigation.rouge{
	background: none repeat scroll 0 0 #cc071e;
}

#barre_navigation.vert{
	background: none repeat scroll 0 0 #44a12b;
}

#barre_navigation.gris{
	background: none repeat scroll 0 0 #5c6970;
}

#barre_navigation.bleu{
	background: none repeat scroll 0 0 #39979e;
}

/* Menu Citoyennete Jeunesse */

#navigation #nav_1 ul.submenu li:first-child{border-top:4px solid #613662;}

#navigation #nav_1 ul.submenu li a{
    color: #613662;
	background-image:url('images/menu-fleche1.png');
	background-position:0 7px;
}

#navigation #nav_1 ul.submenu li a:hover{background-color:#613662;color:#f0ede8;background-position: 0 -34px;}

/* Menu Nos projets */

#navigation #nav_2 ul.submenu li:first-child{border-top:4px solid #cc071e;}

#navigation #nav_2 ul.submenu li a{
    color: #cc071e;
	background-image:url('images/menu-fleche2.png');
	background-position:0 7px;
}

#navigation #nav_2 ul.submenu li a:hover{background-color:#cc071e;color:#f0ede8;background-position: 0 -34px;}

/* Menu Enseignants */

#navigation #nav_3 ul.submenu li:first-child{border-top:4px solid #44a12b;}

#navigation #nav_3 ul.submenu li a{
    color: #44a12b;
	background-image:url('images/menu-fleche3.png');
	background-position:0 7px;
}

#navigation #nav_3 ul.submenu li a:hover{background-color:#44a12b;color:#f0ede8;background-position: 0 -34px;}

/* Menu Contact */

#navigation #nav_5 ul.submenu li:first-child{border-top:4px solid #5c6970;}

#navigation #nav_5 ul.submenu li a{
    color: #5c6970;
	background-image:url('images/menu-fleche5.png');
	background-position:0 7px;
}

#navigation #nav_5 ul.submenu li a:hover{background-color:#5c6970;color:#f0ede8;background-position: 0 -34px;}


/* SLIDER HOME */

#content_slider{
	position:relative;
	margin-top:18px;
	z-index:0;
	height:305px;
}

#slider_home li{position:relative;}
#slider_home img{
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#slider_home h1{
	color: #FFFFFF;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 9px;
    text-transform: uppercase;
}

#slider_home p{
	font-weight:bold;
	font-size:9px;
	color:#b4b4b4;
	padding-left: 10px;
}

#slider_home h2{
	font-weight:bold;
	font-size:9px;
	padding-left: 10px;
	color:#FFFFFF;
    text-transform: uppercase;
}

.encart_slider{
	height: 65px;
    position: absolute;
    top: 178px;
    width: 377px;
	left:0;
	background : url('images/encart1.png');
}

.encart_slider.bleu{
	background : url('images/encart1.png');
}

.encart_slider.violet{
	background : url('images/encart2.png');
}

.encart_slider.rouge{
	background : url('images/encart3.png');
}

.encart_slider.vert{
	background : url('images/encart4.png');
}

a.bx-prev{
	background: url("images/slider_left.png") no-repeat scroll left -33px transparent;
    display: block;
    height: 30px;
    left: 327px;
    position: absolute;
    top: 270px;
    width: 36px;
	z-index:999;
}

a.bx-next{
	background: url("images/slider_right.png") no-repeat scroll left -33px transparent;
    display: block;
    height: 30px;
    left: 598px;
    position: absolute;
    top: 270px;
    width: 36px;
	z-index:999;
}

a.bx-prev:hover, a.bx-next:hover{
	background-position:left top;
}

.bx-pager{
	background: url("images/bg_dot.png") no-repeat scroll 0 0 transparent;
    height: 23px;
    left: 365px;
    padding-left: 25px;
    padding-top: 7px;
    position: absolute;
    top: 270px;
    width: 206px;
	z-index:999;
}

a.pager-link{
	width:16px;
	height:17px;
	padding-left:25px;
	display:block;
	float:left;
	background:url('images/slider_dot.png') no-repeat;
}

a.pager-link.pager-active,a.pager-link:hover{
	background-position:left bottom;
}

/* ACTUALITES SUR LA HOME */
#content_actu{
	overflow: hidden;
    padding-top: 18px;
    position: relative;
}

div.single_actu{
	float: left;
    width: 308px;
	margin-right:18px;
	position:relative;
}

.img_actu{
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div.single_actu.last_single_actu{
	margin-right:0;
}

.txt_actu{
	background: url("images/bg_white_arrondi.png") no-repeat scroll 0 0 transparent;
    height: 95px;
    margin-top: -20px;
    position: relative;
    width: 288px;
	padding-left: 10px;
	padding-right: 10px;
}

.txt_actu.violet, .txt_actu.violet a{color:#613662;}
.txt_actu.vert, .txt_actu.vert a{color:#44a12b;}
.txt_actu.rouge, .txt_actu.rouge a{color:#cc071e;}

#content_actu h3{
	font-size: 12px;
    padding-top: 10px;
    text-transform: uppercase;
}

.small_txt_actu{
	color: #000000;
    padding-bottom: 6px;
    padding-top: 6px;
}

.txt_actu a{
	text-decoration:none;
	font-size:12px;
	padding-left: 12px;
}

.txt_actu a:hover{
	color:#3a979e;
}

.txt_actu.violet a{
	background:url('images/menu-fleche1.png') -10px 3px no-repeat;
}

.txt_actu.vert a{
	background:url('images/menu-fleche3.png') -10px 3px no-repeat;
}

.txt_actu.rouge a{
	background:url('images/menu-fleche2.png') -10px 3px no-repeat;
}

/* FOOTER HOME */
#footer_home{
	overflow: hidden;
    padding-bottom: 23px;
    padding-right: 6px;
    padding-top: 41px;
	position:relative;
}

#footer_home div{
	color: #4B4B4B;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    right: 133px;
    text-align: right;
    top: 54px;
    width: 313px;
}

#footer_home img{
	float:right;
}

/* FOOTER */
#footer{padding-top: 11px;}

#footer span, #footer a{
	font-size:10px;
	text-decoration:none;
	color:#000;
}
#footer a.lien_footer{padding-left:17px; font-weight:bold;}
#footer a.lien_footer.lien_footer_first{padding-left:35px;}

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

#copyright{
	position: absolute;
    right: -16px;
    top: -205px;
}


/* SIDEBAR */
#sidebar_left{
	float: left;
    width: 245px;
}
#content_right{
	background: none repeat scroll 0 0 #FFFFFF;
    height: 93%;
    padding-right: 50px;
    position: absolute;
    right: 6px;
    width: 670px;
	border-radius:10px;
}

#sidebar_left ul.submenu, #content_right article{
	position: relative;
    top: 20px;
}
#sidebar_left img{
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#content_right article{
	left:20px;
	font-family: Arial;
	font-size:12px;
	color:#303030;
	line-height: 15px;
}

#content_right article #img_une img{
	float: right;
    padding-bottom: 20px;
    padding-left: 20px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}

#content_right.violet article strong{
	 color: #613662;
}

#content_right.rouge article strong{
	 color: #cc071e;
}

#content_right.vert article strong{
	 color: #44a12b;
}

#content_right.gris article strong{
	 color: #5c6970;
}

#content_right.gris table{
	 width:100%;
}

#content_right article#post-91 strong{
	 color: #97930f;
}

#sidebar_left ul.submenu li {
    background: #f0ede8;
	border-bottom:1px solid #FFF;
    cursor: pointer;
    height: 25px;
    position: relative;
    width: 213px;
}



#sidebar_left ul.submenu li.submenu_last {height:10px;background:url('images/menu-bottom.png');}
#sidebar_left ul.submenu li.submenu_first {height:10px;background:url('images/menu-top.png');}
#sidebar_left ul.submenu li a{
	display: block;
    font-family: Arial;
    font-size: 12px;
    height: 18px;
    padding-left: 23px;
    padding-top: 7px;
    position: relative;
    text-decoration: none;
    width: 190px;
	background-repeat:no-repeat;
}


#sidebar_left ul.submenu.violet li a{
    color: #613662;
	background-image:url('images/menu-fleche1.png');
	background-position:0 7px;
}

#sidebar_left ul.submenu.rouge li a{
    color: #cc071e;
	background-image:url('images/menu-fleche2.png');
	background-position:0 7px;
}

#sidebar_left ul.submenu.vert li a{
    color: #44a12b;
	background-image:url('images/menu-fleche3.png');
	background-position:0 7px;
}

#sidebar_left ul.submenu.gris li a{
    color: #5c6970;
	background-image:url('images/menu-fleche5.png');
	background-position:0 7px;
}

#sidebar_left ul.submenu.violet li a:hover, #sidebar_left ul.submenu.violet li.current_page_item a{background-color:#613662;color:#f0ede8;background-position: 0 -34px;}
#sidebar_left ul.submenu.rouge li a:hover, #sidebar_left ul.submenu.rouge li.current_page_item a{background-color:#cc071e;color:#f0ede8;background-position: 0 -34px;}
#sidebar_left ul.submenu.vert li a:hover, #sidebar_left ul.submenu.vert li.current_page_item a{background-color:#44a12b;color:#f0ede8;background-position: 0 -34px;}
#sidebar_left ul.submenu.gris li a:hover, #sidebar_left ul.submenu.gris li.current_page_item a{background-color:#5c6970;color:#f0ede8;background-position: 0 -34px;}

/* CONTACT */
#content_right.gris table#table_contact{
	margin-left: 21px;
    margin-top: 70px;
    position: relative;
	color:#303030;
    width: 502px;
}

#table_contact td.left_col{
	width:160px;
	padding-bottom: 10px;
}

#content_right.gris table#table_contact .left_col .erreur{color:red;}

#table_contact .input_small{
	width:308px;
	height:22px;
	background:none;
	border:none;
	font-family:Arial;
	color:#303030;
	font-size:12px;
	background : #f0ede8;
}

#table_contact .input_small.erreur, #table_contact textarea.erreur{border-left:1px solid red;}

#table_contact span{
	display: block;
    font-size: 10px;
    text-align: right;
    width: 307px;
}

#table_contact #submit_form{
	background: none repeat scroll 0 0 #F0EDE8;
    border: medium none;
    color: #303030;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 22px;
    margin-top: 10px;
    width: 308px;
}

#table_contact #submit_form:hover{
	background: none repeat scroll 0 0 #e7e4de;
}

#erreur_form{visibility : hidden;color:red;font-style:italic;}

#merci{
	margin-left: 22px;
    margin-top: 76px;
    position: relative;
	font-style:italic;
	color:#303030;
}

#table_contact textarea{
	width:308px;
	height:162px;
	font-family:Arial;
	color:#303030;
	font-size:12px;
	background:none;
	border:none;
	background : #f0ede8;
}

/* PLAN  DU SITE */
.plan_site span{
	font-size:13px;
	text-transform : uppercase;
	font-weight:bold;
}

.plan_site ul{
	left: 14px;
    padding-bottom: 24px;
    position: relative;
}

.plan_site a{
	text-decoration:none;
	color:#303030;
	font-size:13px;
}
.plan_site a:hover{text-decoration:underline;}

/* Partager */
#content_partager table{width:958px;}
#content_partager tr td{vertical-align:bottom;}
#content_partager tr:first-child td{vertical-align:top;}
#content_partager td{
	padding: 4px;
}

#content_partager img{
	-moz-border-radius: 10px;
	border-radius: 10px;
}