/*  
Theme Name: Evolua formation
Theme URI: http://www.evolua-formation.fr
Description: D'après le thème de Small Potato de <a href="http://www.wpdesigner.com/">Wpdesigner.com</a>.
Version: 1.0
Author: Ch1/ Aurore Laé
Author URI: http://www.ch1.fr/

*/



body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
	margin: 0;
 	padding: 0;
        line-height:18px;
}

body{
	font-family: "Trebuchet Ms", sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
        margin:0 auto;
	background: #FAFAFA;
	color: #333;
}


#content img{
padding:5px;
border:1px solid #ccc;
}

#content ul{
padding-top:0;
margin-top:0;
}

/*-------------------------- page accueil cadres ----------------------------------*/

/* cadre 2 accueil */

#cadre-2-accueil {
 position:relative;
 width:280px;
 float:left;
 border-left:1px solid #F9BB68;
 color:#666;
 display:inline;
 float:right;
 padding-left:24px;
 margin-top:20px;
 height:auto;
}

li#text-4.widget, li#text-5.widget{list-style-type:none;margin:0;padding:0;}

#cadre-2-accueil .widget {
 background-color:#F9BB68;
 margin-bottom:10px;
}

#cadre-2-accueil p {
font-size:11px;
padding-left:20px;
padding-right:10px;
}

#cadre-2-accueil a {
color:#DF5704;
font-weight:normal;
}

#cadre-2-accueil h2 {
background-image:url(images/bg-titre-sidebar.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-size:13px;
font-weight:normal;
height:25px;
padding-left:15px;
padding-top:7px;
text-transform:uppercase;
}

#cadre-2-accueil img {
 position: relative;
 vertical-align:bottom;
 border:none;
 padding:0;
}

#cadre-2-accueil .widget .fond-papillon {
 background-image:url('images/papillon-widget.jpg');
 background-position:right;
 background-repeat:no-repeat;
}


/* cadre 1 accueil */

#cadre-1-accueil {
 position:relative;
 width:280px;
 float:left;
 margin-right:25px;
 margin-top:20px;
 height:auto;
 color:#fff;
}

#cadre-1-accueil h2 {
background-image:url(images/bg-titre-sidebar.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-size:13px;
font-weight:normal;
height:25px;
padding-left:15px;
padding-top:7px;
text-transform:uppercase;
}


#cadre-1-accueil .widget {
 background-color:#F49314;
 margin-bottom:10px;
}

#cadre-1-accueil p {
font-size:11px;
padding-left:20px;
padding-right:10px;
}

#cadre-1-accueil a {
color:#fff;
font-weight:normal;
}


#cadre-1-accueil img {
 position: relative;
 vertical-align:bottom;
  border:none;
 padding:0;
}


#cadre-1-accueil .widget .fond-papillon {
 background-image:url('images/papillon-widget-accueil.jpg');
 background-position:right;
 background-repeat:no-repeat;
}


*:first-child+html #cadre-2-accueil .widget h2, #cadre-1-accueil .widget h2{
  height:auto;
  padding-bottom:7px;
  padding-left:0px;
    /* Lu uniquement par IE 7 */
}


 /* Lu uniquement par IE 6 */
* html #cadre-2-accueil .widget {width:280px;}
* html #cadre-2-accueil {padding-left:5px;}
* html #cadre-1-accueil {margin-right:5px;}
* html #cadre-1-accueil .widget {padding-left:0;width:280px;}

li#text-5.widget h2{padding-left:15px;}

/* --------------------------- fin accueil -----------------------------------------------*/



form, input, textarea, table{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet Ms", sans-serif;
	font-size: 18px;
	font-weight: normal;
}

a{
	text-decoration: underline;
	color: #DF5704;
}

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

a img{
	border: 0;
}

address, dl, p{
	padding: 10px 0 5px;
}

blockquote{
	margin: 10px 0 0;
	border-top: 2px solid #ddd;
	background: #f5f5f5;
}

blockquote p{
	padding: 10px;
}

blockquote blockquote{
	margin: 0 10px;
	background: #fff;
}

p img{
	max-width: 100%;
}

img.centered{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft{
	margin: 3px 10px 2px 0;
}

img.alignright{
	margin: 3px 0 2px 10px;
}

img.alignleft, img.alignright{
	padding: 5px;
	border: 1px solid #eee;
	display: inline;
}

.alignleft{float: left;}
.alignright{float: right;}

.clear{
	margin: 0;
	padding: 0;
	clear: both;
}

small{
	font-size: 11px;
}

.gras{font-weight:bold;}

.orange{color:#F4900D;font-weight:bold;}

#wrapper{
	width: 940px;
        height:auto;
        border:1px solid #E2E2E2;
        border-top:none;
	text-align: left;
        margin:0 auto;
        padding:20px;
        background-color:#fff;
        display:table;
}

*html #wrapper{ /* lu par ie6 */
    padding-top:0;
}


/* ------------------ header --------------- */

#header{
	float: left;
	width: 940px;
        height:98px;
        background-image:url('images/bandeau.jpg');
        background-repeat: no-repeat;
}


#logo-header{
        background-color:#fff;
        position:absolute;
        border:1px solid #ddd;
        border-top:none;
        width:229px;
        height:126px;
        margin-left:20px;
}



#header h1{
        padding:0;
        padding-top:15px;
        padding-left:5px;
}


#header h1 a{
	text-decoration: none;
}

#header h1 a:hover{
	text-decoration: none;
}

#access .skip-link{
	float: right;
	margin: -29px 10px 0;
	display: inline;
	font-family: georgia, serif;
}

#access .skip-link a{
	color: #888;
}

#access .skip-link a:hover{
	color: #000;
}

/* ----------------- menu ------------------- */


/* menu de 1er niveau
-------------------------------------------------------------------------------------------------------------------------------------------- */

#menu{
	float: left;
	width: 940px;
        height:28px;
	background-image:url('images/bg-menu.jpg');
        background-repeat: repeat-x;
}

#menu ul, #menu ul li{
	list-style:none;
	margin:0;
	padding:0;
}

#menu ul{
	padding: 0 0 0 1px;
        margin-left:256px;
}

#menu ul li{
	float: left;
	display: block;
	line-height: 18px;
}


#menu ul li a{
	display: block;
	padding: 5px;
        padding-left:9px;
        padding-right:9px;
	text-decoration: none;
	color: #fff;
}



#menu ul li a:hover, #menu ul li a.iehover{
	/*margin: -5px 0 0 0px;
	padding: 5px 9px 9px;*/
	color: #fff;
        background-image:url('images/bg-menu-hover.jpg');
        background-repeat:no-repeat;
}



/* menu de 2me niveau
-------------------------------------------------------------------------------------------------------------------------------------------- */

#menu ul li ul {
position:absolute;
top:142px;
left:-9000px;
width:200px;
padding:3px 0;
margin:0;
z-index:999;
}

*html #menu ul li ul {
top:122px;
}

#menu ul li ul li {
padding:0;margin:0;
border-bottom:1px solid #F9BB68;
background-image:url('images/bg-menu.jpg');
background-repeat: repeat-x;
width:200px;
height:auto;
position:relative;
}


#menu ul li ul li a {
display:block;
padding:4px 10px;
font-weight:normal;
text-transform:none;
line-height:14px;
height:auto;
background-image:none;
}

#menu ul li ul li a:link, #menu ul li ul li a:visited, #menu ul li ul li a:active {
color:#fff;
text-decoration:none;
}

#menu ul li ul li a:hover, #menu ul li ul li a.iehover {
background-image:none;
background-color:#F7A73C;
text-decoration:none;
}

#menu ul li:hover ul, #menu ul li.iehover ul {
left:auto;
background-image:none;
}


#menu ul li:hover ul  li ul, #menu ul li.iehover ul  li u  {
display:none;
background-image:none;
}



/* menu de 3me niveau
-------------------------------------------------------------------------------------------------------------------------------------------- */

#menu ul li ul li ul {
position:absolute;
width:200px;
background-color:#273186;
padding:2px 0;
border-bottom:1px solid #444EA3;
border-right:1px solid #444EA3;
border-left:0;
border-top:1px solid #444EA3;
z-index:999;
margin-left:200px;
top:-3px;
left:auto;
display:none;
}

#menu ul li ul li ul li{
padding:0;margin:0;
border-bottom:1px solid #404a9f;
background:none;
width:200px;
height:auto;
}


#menu ul li ul li ul li a {
padding:3px 10px;
font-weight:normal;
text-transform:none;
line-height:14px;
height:auto;
}

#menu ul li ul li ul li a:link, #menu ul li ul li ul li a:visited, #menu ul li ul li ul li a:active {
color:#fff;
text-decoration:none;
}

#menu ul li ul li ul li a:hover, #menu ul li ul li ul li a.iehover {
background-color:ddd;
text-decoration:none;
}

#menu ul li ul li:hover ul, #menu ul li ul li.iehover ul {
display:block;
}



/* ------------ bandeau -------------- */

#about{
	float: left;
        height:180px;
	width: 940px;
	padding: 0;
        padding-top:10px;
        padding-bottom:10px;
	background-color: #fff;
}



#about a{
	color: #000;
}

#about p.message{
	padding: 10px 10px 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	color: #fff;
}

#about img.photo{
	float: left;
	margin: 0 15px 0 0;
}

#bandeau-gauche{
       width:338px;
       height:auto;
       float:left;
}



#bandeau-gauche li {
list-style-type:none;
/*margin-top:-12px;*/
}

#bandeau-gauche img {
        border:1px solid #9F9C9C;
        padding:4px;
}

#bandeau-milieu{
       width:241px;
       height:auto;
       float:left;
       margin-top:-4px;
       margin-left:5px;
       margin-right:0px;
}



#bandeau-milieu .icone-bandeau {
       background-image: url('images/bg-icone-bandeau.jpg');
       background-repeat: no-repeat;
       height:92px;
       padding-top:5px;
       padding-left:70px;
       padding-right:15px;
}

#bandeau-milieu .icone-bandeau p{
       color:#fff;
       font-weight:bold;
       font-size:11px;
       line-height:16px;
}

#bandeau-milieu .icone-bandeau h3{
       color:#F9B860;
       font-size:18px;
       line-height:16px;
       padding-left:40px;
       padding-bottom:5px;
}

#bandeau-milieu .icone-bandeau a{
color:#F9B860;
text-decoration:none;
}


#image-homme{
       float:left;
       height:auto;
       padding-top:80px;
       width:60px;
}



#bandeau-droite{
       background-image: url('images/fond-actus.jpg');
       background-repeat:no-repeat;
       width:280px;
       height:180px;
       margin-left:15px;
       float:left;

}

#bandeau-droite h1{
       color:#fff;
       height:26px;
       font-size:13px;
       padding-top:7px;
       text-transform:uppercase;
}

#bandeau-droite .widget h2{
       color:#fff;
       height:26px;
       font-size:13px;
       padding-top:7px;
       text-transform:uppercase;
}

#bandeau-droite .widget{
 height:160px;
 width:auto;
 margin-right:15px;
 margin-left:15px;
}

*:first-child+html #bandeau-droite .widget {
   margin-left:0; /* Lu uniquement par IE 7 */
}

* html #bandeau-droite .widget {
   margin-left:0; /* Lu uniquement par IE 6 */
}

#bandeau-droite li{
 list-style:none;
 
}

#bandeau-droite a{
color:#DF5704;
}

#bandeau-droite p{
}



/* ------------- container -------------- */

#container{
	float: left;
	width: 940px;
	background-color: #FFF;
        background-image:url('images/bg-contenu.jpg');
        background-repeat: repeat-x;
        /*padding-bottom:30px;*/
}



#content{
	float: left;
	width: 588px;
	overflow: hidden;
        padding-left:20px;
        padding-right:30px; 
}


#nav-above{
	margin: 10px 10px 0;
}

#nav-below{
	margin: 10px;
}

.navigation{
	padding: 5px 10px 6px;
	border: 1px solid #f2eec0;
	background: #fdfbe7;
	line-height: 24px;
	clear: both;
}

.nav-previous, .nav-next{
	display: inline;
}

.nav-previous{
	padding: 0 10px 0 0;
}

.post, .page{
	margin: 10px 10px 0 10px;
}

.page{
	margin: 10px;
}

/* ------------------- h2 - titre page et post ----------------------- */

.page h2{
	padding: 16px 0 6px 30px;
        border-bottom:1px solid #F37700;
	font-size: 14px;
        font-weight:bold;
        text-transform:uppercase;
        color:#5F5C5C;
        width:auto;
        height:22px;
        background-image:url('images/bg-titre-page.jpg');
        background-position:left;
        background-repeat:no-repeat;
}

.post h2 {
       background-image:none;
       margin-top:25px;
       padding-bottom:5px;
       border-bottom:1px solid #F9BB68;
       font-size:12px;
       text-transform:uppercase;
       font-weight:bold;
       line-height:16px;
       margin-bottom:5px;
       font-family: arial, helvetica, sans-serif;
}

.post h2 a{
	text-decoration: none;
        color:#5F5C5C;
}

.post h2 a:hover{
	text-decoration: underline;
        color:#DF5704;
}
 /* ---------------------------------------------------------------------*/


.entry-date{
	padding: 4px 10px 10px;
	border-bottom: 1px solid #ededed;
	font-size: 11px;
	color: #666;
}

.entry-content{
	padding:0;
        padding-top:20px;
        padding-bottom:20px;
        font-size:11px;
        color:#666;
}

.entry-content p{
padding-top:0;
color:#666;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{
	margin: 0;
	padding: 10px 0 5px;
	text-transform: none;
	border: 0;
}

.entry-content h2{
	line-height: 30px;
}

.entry-content h3{
       background-image:none;
       padding-bottom:5px;
       border-bottom:1px solid #F9BB68;
       font-size:12px;
       text-transform:uppercase;
       font-weight:bold;
       line-height:16px;
       margin-bottom:15px;
       font-family: arial, helvetica, sans-serif;
       
}

.entry-meta{
	padding: 10px;
	border-top: 1px solid #eee;
	background: #fff;
	font-family: arial, helvetica, sans-serif;
}

.cat-links{
	padding: 0 0 0 15px;
	background: url(images/bullet_go.gif) no-repeat 0 3px;
}

.comments-link{
	padding: 0 0 0 29px;
	background: url(images/comment.gif) no-repeat 10px 2px;
}

.entry-content .ddsg-wrapper h2 {
       background-image:none;
       padding-bottom:5px;
       border-bottom:1px solid #F9BB68;
       font-size:13px;
       text-transform:uppercase;
}



/* ----------------- tableau ---------------------------*/


table{
  text-align:center;
  border:1px solid #ddd;
  width:100%;
  background-color:#FFF;
  color:#666;
  padding:2px;
  font-family:"Trebuchet Ms",sans-serif;
  font-size:11px;
}

table td{
  padding:10px;
  border:1px solid #CCC;
}

table th{
    padding:5px;
    text-align:center;
    border:1px solid #CCC;
    background-color:#eee;
}




/* ------------------ sidebar ------------------- */

.sidebar{
	float: left;
	width: 280px;
        margin-top:20px;
	display: inline;
        border-left:1px solid #F9BB68;
        padding-left:20px;
        color:#666;
}

.sidebar form, input{
	font-family: "Trebuchet Ms", sans serif;
}

.sidebar form input{
	margin: 0;
	padding: 4px;
	border: 1px solid #eee;
	background: #fff;
}

.sidebar h2 {
        background-image:url('images/bg-titre-sidebar.jpg');
        height:25px;
        background-repeat:no-repeat;
        padding-top:7px;
        padding-left:15px;
        color:#fff;
        font-size:13px;
        text-transform:uppercase;
        font-weight:normal;
}

.sidebar a {
 color:#DF5704;
 font-weight:normal;
}

.sidebar p {
 padding-left:20px;
 padding-right:10px;
 font-size:11px;
}

.sidebar .widget {
 background-color:#F9BB68;
 margin-bottom:10px;
}

* html .sidebar .widget {
    margin-bottom:10px; /* Lu uniquement par IE 6 */
}

.sidebar #text-2 {
  height:auto;
}

.sidebar #text-2 img {
 position: relative;
 vertical-align:bottom;
}

.sidebar .widget .fond-papillon {
 background-image:url('images/papillon-widget.jpg');
 background-position:right;
 background-repeat:no-repeat;
}

.sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sidebar ul li{
	/*border-bottom: 1px solid #eee;*/
}


.block-title h2{
        padding: 16px 0 6px 30px;
	font-size: 14px;
        font-weight:bold;
        text-transform:uppercase;
        color:#5F5C5C;
        border-bottom:1px solid #ccc;
        width:auto;
        height:22px;
        background-image:url('images/bg-titre-page.jpg');
        background-position:left;
        background-repeat:no-repeat;
}


.block-title{
	padding:10px;
}

.sidebar ul ul{
	padding: 8px 0 10px;
	line-height: 24px;
}

form#searchform{
	padding: 10px;
}

form#searchform input#s{
	width: 68%;
}

form#searchform input#searchsubmit{
	width: 25%;
}

.sidebar ul ul li{
	border: 0;
	margin: 0 10px;
	padding: 0 0 0 15px;
	background: url(images/bullet.gif) no-repeat 0px 9px;
}

.sidebar ul ul ul{
	border: 0;
	padding: 0;
}

.sidebar ul li.sponsors .sponsors_wrap{
	background: url(images/dot.gif) repeat-y 145px 0px;
}

.sidebar ul li.sponsors ul{
	width: 145px;
}

.sidebar ul li.premium{
	border: 0;
}

.sidebar ul li.premium ul{
	padding: 0;
	line-height: normal;
}

.sidebar ul li.premium ul li{
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #eee;
	background-image: none;
}

.sidebar ul ul li#about-author, .sidebar ul li#my-account ul li{
	padding: 0;
	background-image: none;
}


#comment {
border:1px solid #ccc;
}


#comments{
	margin: 10px;
	border: none;
}

#comments .nocomments{
	padding: 10px;
	line-height: 22px;
        border-top: 2px solid #F9BB68;
}

#comments h3#comments-count{
	padding: 10px;
}

#comments ol{
	list-style: none;
	margin: 0;
	padding: 0;
}

#comments ol li{
	list-style: none;
	margin: 0;
	padding: 10px;
	border-top: 1px solid #ccc;
	line-height: 22px;
}

#comments ol li.alt{background: #FAFAFA;}

#comments span.comment-author{font-weight: bold;}

#respond{
	padding: 10px;
	border-top: 1px solid #F37700;
	background: #FFF7ED;
}

p.comment_license{
	font-size: 11px;
	line-height: 18px;
}


/* ----------- footer --------------- */


#footer{
	float: left;
	width: 940px;
	border-top: 1px solid #eee;
	background: #868282;
	line-height: 24px;
        color:#fff;
        text-align:center;
        margin-top:10px;
}

#footer p{
	padding: 10px;
}

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

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

.sidebar h4{
margin:15px;
}

.more-link {
text-decoration:none;
text-align:right;
margin-top:-10px;
}

#bandeau-droite p {
line-height:15px;
display:inline;
}