/*
Theme Name: ACTIOR
Theme URI: http://wordpress.org/
Description: Le thème actior
Version: 1.6
Author: ACTIOR
Author URI: http://binarybonsai.com/
*/
@import url(menu.css);
/* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #FFFFFF url('images/bg_easyway2.png') repeat-y 50% 50%;
color: #595959;

}
td {
font-size: 12px; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

color: #595959;

}
a,a:visited{
	text-decoration: none;
	color:#9D9EA2;
}
a:hover{
	color:#74CF44;
	text-decoration: none;
	
}
/**header**/
#header {
	height:173px;
	width:960px;
	background: url('images/header.jpg') no-repeat bottom center;
	border:0px solid red;
	margin:0;
}
/**flags**/
#flags{
	height:25px;
	width:75px;
	position:absolute;
	z-index:10000;
	left:920px;
	top:182px;
	/****supprimer la ligne ci-dessous quand il y'aura l'anglais**/  
	/**display:none;**/
}
.home #flags{
	top:440px;
}
#headerhome {
	height:430px;
	width:960px;
}

#headerimg 	{
margin: 7px 9px 0;
height: 173px;
width: 960px;
}

/**le contenu**/
#content {
font-size: 1.2em;
}

.widecolumn .entry p {
font-size: 1.05em;
}

/* Begin Structure */
body {
margin: 0 0 20px 0;
padding: 0;
}
img{
border:none;
}
#page {
	border:0px solid red;
	background-color:#F5F5F5;
	margin-left:auto;
	margin-right: auto;
	width: 957px;
	border:0px solid red;
	text-align: left;
	height:100%;
	min-height:100%;
	position:relative;	
	overflow:hidden;
}
#contact {
	width:200px;
	float:right;
	clear: both;
	border:0px solid red;
	margin-right:20px;	
	margin-top:50px;
	text-align:right;
}
#contact a,#contact a:visited{
	text-decoration: none;
	text-transform: capitalize;
	color:#9D9EA2;
	margin-right:5px;
}
#contact a:hover{
	color:#74CF44;
	text-decoration: none;
	text-transform: capitalize;
}

#header {

}

#headerimg {

}

.post {
margin: 0 0 40px;
text-align: justify;
}

.post hr {
display: block;
}

.widecolumn .post {
margin: 0;
}

.narrowcolumn .postmetadata {
padding-top: 5px;
}

.widecolumn .postmetadata {
margin: 30px 0;
}

.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}

.postmetadata {
clear: both;
}

.clear {
clear: both;
}

#footer {
padding: 0;
margin: 0 auto;
width: 760px;
clear: both;
}

#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
/* End Structure */



/*Begin Headers */
h1 {
padding-top: 70px;
margin: 0;
}

h2 {
margin: 30px 0 0;
}

h2.pagetitle {
margin-top: 30px;
text-align: center;
}

#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}

h3 {
padding: 0;
margin: 30px 0 0;
}

h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */



/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
a>img{
border:none;
}
/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

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

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */


/**elements de la page**/
#intro{
	border:0px solid red;
	width:100%;
	clear:both;
	height:75px;
	/**background:  none url(images/bg_content_top_degrade.png) repeat-x;**/
	position:relative;
}


#introdroite{
	z-index:2;
	position:absolute;
	top:10px;
	left:450px;
	padding-left:5px;
	border-left:4px solid #DDD;
}

#intro_interieure{
	margin-top:0px;
	border:0px solid red;
	width:100%;
	clear:both;
	height:75px;
	/**background:  none url(images/bg_content_top_degrade.png) repeat-x;**/
	position:relative;
}

#intro_interieure_droite{
	z-index:2;
	position:absolute;
	top:10px;
	left:450px;
	padding-left:5px;
}
#intro_interieure_gauche{
	position:relative;
	width:450px;
	margin-left:20px;
	clear:both;
}

/**caroubox**/
#caroubox{
	padding-left:20px;
	clear:both;
}
/**le carrousel**/
.carousel{
	float:left;
	position:relative;
	margin-top:40px;
	border:0px solid green;
	width:590px;
	height:270px;
}

.column {clear:right;    float:left;     margin:0;       padding:0; overflow:hidden; background: none;  } /* modele de boite qui flotte */

.arrowLeft {width:35px; margin: 80px 0 0 0; border:none; }
.arrowLeft img {}

.scrollable{
		background: url(images/fond_carousel.png) no-repeat;
        position:relative;
        overflow:hidden;
        width: 520px;
        height:260px;
        float:left;
}
img.imgoffre{
	width:90px;
}
.bandeinfos {
        position:absolute;
        width:20000em;
        clear:both;
        border:none;
 }

.uneinfo {
	width:500px;
	margin: 5px 15px 0 10px; 
	height:230px; 
	min-height:230px;
	border:0px solid red;
}
#titresinfos{
	clear:both;
	position:absolute;
	overflow: hidden;
	font-size:9px;
	top:245px;
	left:10px;
	height:10px;
	width:500px;
	border:0px solid red;
}
#titresinfos a,#titresinfos a:visited{
	text-decoration: none;
	text-transform: capitalize;
	color:#9D9EA2;
	margin-right:5px;
}
#titresinfos a:hover{
	color:#74CF44;
	text-decoration: none;
	text-transform: capitalize;
}

.arrowRight { width:30px; margin: 80px 0 0 0; text-align:right; border:0px solid black;  }
.arrowRight img {}
/**panneau de droite**/
.margehaut{
	margin-top:30px;
}
.right-panel {
	margin-left: 20px;
	float:left;
	width:306px;
	padding-top:5px
}

.right-panel  ul{
	margin: 0;
	padding:0;
	list-style: none;
}
.right-panel ul li{
list-style-type: none;
	background:url(images/green_bullet.gif) no-repeat 0px 2px;
	padding: 0 0 5px 17px;
	margin-left:0px;
	font-size:12px;
}

/**boite de 300 pixels pour mettre des listes d'articles...**/
.rightboxsml-wrappper {
	background:url(images/bloc_actus_middle.png) repeat-y;
	width:306px;
	margin-top:5px;
	margin-bottom:5px
	overflow:hidden;
}

.rightsml-boxtop {
	background:url(images/bloc_actus_top.png) no-repeat top;
}

.rightsml-boxbot {
	background:url(images/bloc_actus_bottom.png) no-repeat bottom;
	padding:20px 25px
}
/**boite de 300 pixels pour mettre un formulaire**/
.rightboxform-wrappper {
	background:url(images/bloc_actus_middle.png) repeat-y;
	width:306px;
	margin-top:5px;
	margin-bottom:5px;
	overflow:hidden;
}

.rightform-boxtop {
	background:url(images/bloc_actus_top.png) no-repeat top;
	overflow:hidden;
}
.rightform-boxbot {
	background:url(images/bloc_actus_bottom.png) no-repeat bottom;
	overflow:hidden;
	padding:20px 25px
}

/**page_interieure**/
#page_interieure{
	margin-top:30px;
	background-color: #000;

	clear:both;
}

/**elements de la page**/


/**gauche**/
#gauche{
	width:700px;
	float:left;
	border:0px solid red;
}
#droite{
	width:250px;
	float:left;
}

/**une page**/
.boitepage{

	margin-left: 20px;
	clear: both;
	width:614px;

}

.unepage-wrapper {
	background:url(images/unepage_middle.png) repeat-y;
	width:614px;
	margin-top:5px;
	margin-bottom:5px;
	overflow:hidden;

}

.unepage-boxtop {
	position:relative;
	background:url(images/unepage_top.png) no-repeat top;
	background-position: 0px 0px;
	padding-top: 20px;
		
}

.unepage-boxbot {

	position:relative;
	height:30px;
	 background:url(images/unepage_bottom.png) no-repeat top; 
	padding-top:0px;
	margin-top: 
}
.centrunepage {
	clear:both;
	position:relative;
	background:url(images/unepage_middle.png) ;
	padding:20px 50px 15px 50px;

}


/**interieur d'une boite de page**/
.unepage_texte{
	font-size:12px;
}
.unepage_titre h4{
	margin:15px 0 10px 0;
	color:#74cf44;
}
.unepage_texte h4{
	margin:0 0 5px 0;
	padding:0;
	color:#74cf44;
}
.unepage_texte h5{
	margin:0 0 5px 0;
	padding:0;
}
.unepage_content{
	position:relative;
}

.unepage_readmore{
	margin-top:30px;
	float:right;
	
}
.unepage_readmore a,.unepage_readmore a:hover{
	font-size:9px;
	text-transform: uppercase;
	text-decoration: none;
	color:#949494;
}

.homepage_readmore{
	margin-top:5px;
	float:right;
	
}
.homepage_readmore a,.homepage_readmore a:hover{
	font-size:9px;
	text-transform: uppercase;
	text-decoration: none;
	color:#949494;
}

.separateur{
	margin-left:90px;
	width:500px;
	overflow:hidden;
}
/**le contenu de la colone de droite**/
.droitebox{
	margin: 20px 0 20px 0;
	padding-left:20px;
	border-left:2px solid #D2D1D7;
}

.faq_yuk{
	padding:5px 20px 0px 5px;
	height:400px;
	
	background: url(images/faq_bg_yuk.jpg) no-repeat;
}
.sepdroite{
	height:2px;
	background: url(images/separateur_horiz_yuk.gif) repeat-x;
}
/**Contenu d'une page d'article ou de contenu**/
.post{
	
	border:0px solid red;
	margin:20px 20px 0 20px;

}
.boitepleinepage{
	clear: both;
	width:886px;
}

.unepleinepage-wrapper {
	background:url(images/bloc_milieu.png) repeat-y;
	width:886px;
	margin-top:5px;
	margin-bottom:5px;
	overflow:hidden;
}

.unepleinepage-boxtop {
	position:relative;
	background:url(images/bloc_haut.png) no-repeat top;
	background-position: 0px 0px;
	padding-top: 20px;

}

.unepleinepage-boxbot {
	clear:both;
	position:relative;
	background:url(images/bloc_bas.png) no-repeat bottom;
	padding:40px 25px 80px 40px;
}

/**faq**/
ul#listefaqs{
	margin: 0;
	padding:0;
	list-style: none;
}
ul#listefaqs>li{
	list-style-type: none;
	background:url(images/green_bullet.gif) no-repeat 0px 2px;
	padding: 0 0 5px 17px;
	margin-left:0px;
	font-size:12px;
}
.faquestion{
	margin-bottom:5px;
}
.question{
	margin-bottom:10px;
}

.reponses{
	margin-top:50px;
}

.reponse{
	margin-bottom:20px;
}