/* *************************** 
  Site - Entreprenariales
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin:0px;
	padding:0px;
}
a {
	color:#ec741d;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
ul li {
	list-style:none;
}
/* *************************** 
   $2 Website Structure Styles
   ***************************/   
body {
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1F1D1D;
	background:#3c454b;
}
#container{
	background:#bbc5ca url(../images/bg_body.jpg) center top no-repeat;
	padding-top:28px;
}
/* *************************** 
   $3 Header Styles
   ***************************/
#header_wrapper{
	background:url(../images/bg_header.png) center top no-repeat;
}
#header{
	height:226px;
	width:980px;
	margin:0px auto;
	background:url(../images/bg_content_bt.png) left bottom no-repeat;
	position:relative;
 	z-index:9;
}
#header .logo{
	display:block;
	position:absolute;
	left:0px;
	top:25px;
	width:380px;
	height:138px;
	z-index:10
}
.top_nav{
	width:100%;
	overflow:hidden;
	height:27px;
	position:absolute;
	left:0px;
	top:-2px;
}
.top_nav h2{
	font-size:20px;
	color:#FFF;
}
.top_nav .top_nav_right{
	background:#000;
	float:right;
}
.top_nav .top_nav_right ul{
	float:left;
}
.top_nav .top_nav_right ul li{
	float:left;
	font-size:12px;
	text-transform: uppercase;
}
.top_nav .top_nav_right ul li a{
	display:block;
	padding:5px 10px 0px 10px;
	height:22px;
	float:left;
}
.top_nav .top_nav_right ul li a:hover{
	color:#000;
	background:#ec7419;
	text-decoration:none;
}
.top_nav .top_nav_right span{
	line-height:25px;
	color:#ec741d;
	font-weight:bold;
	padding-right:10px;
}
.top_nav .top_nav_right span a{color:#FFF;}
.top_nav .top_nav_right span a:hover{
	color:#FFF;
}
.header_flash{
	position:absolute;
	left:380px;
	top:25px;
}
.menu{
	position:absolute;
	top:163px;
	left:0px;
	height:63px;
	background:#ec7419;
	
}
ul.menulist li {text-transform:uppercase;}
ul.menulist li li{text-transform:none;}


#ariane {color:#000000}
#ariane a{ color:#7e888d}
/* *************************** 
   $4 Content Styles
   ***************************/
p.bodytext {padding-bottom:8px;font-size:13px;}
p.bodytext .grand {padding-bottom:8px;font-size:14px;}
#cadre_col_droite p.bodytext {font-size:12px;}
p.align-center{text-align:center}
p.align-right{text-align:right}
p.align-left{text-align:left}
      
#content_wrapper{
	background:url(../images/bg_content.png) center top repeat-y;
	padding-bottom:43px;
}
#content{
	width:924px;
	margin:0px auto;
	background:#d4dee3;
	padding:28px 28px 35px 28px;
	overflow:hidden;
}
#ariane{
	width:924px;
	margin:0px auto;
	background:#ffffff;
	padding:5px 28px 0px 28px;
	overflow:hidden;
}
#contentsouspages{
	width:924px;
	margin:0px auto;
	background:#ffffff;
	padding:28px 28px 35px 28px;
	overflow:hidden;
	}
	
#contentsouspages2col{
	width:952px;
	margin:0px auto;
	background:#ffffff;
	padding:28px 0px 35px 28px;
	overflow:hidden;
	background:#fff;
	background:url(http://www.entreprenariales.com/fileadmin/templates/2010/images/fond_souspages.gif) right top repeat-y;
}

#contentsouspages h2,
#contentsouspages2col h2{
        font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	color:#000000;
	margin-bottom: 19px;
}

#contentsouspages h3,
#contentsouspages2col h3{
  font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ef6d17;
	margin-bottom: 19px;
}
#contentsouspages .right_text_box h3,
#contentsouspages2col .right_text_box h3{
  	font-size:1.17em;
	font-weight:bold;
	color:#595959;
	margin-bottom: 0px;
}

.left_box{
	width:283px;
	height:331px;
	float:left;
	background:#a9bdc7;
	padding:10px 0px 10px 16px;
}
.left_box h1{
	font-size:29px;
	color:#FFF;
}
.left_box h3{
	font-size:18px;
	color:#FFF;
	padding-top:18px;
}
.left_box p{
	font-size:11px;
	color:#000000;
}
.left_box .box{
	width:248px;
	height:73px;
	padding-left:19px;
}
.left_box .box.green_box{ background:#96bf0d;}
.left_box .box.blue_box{ background:#009ee0;}
.left_box .box.purple_box{ background:#817eb6;}
.left_box .box.pink_box{ background:#e2007a;}
.left_box .box span{
	display:block;
	float:right;
	padding:17px 13px 0px 0px;
}
.left_box .box span a{
	display:block;
	width:38px;
	height:38px;
	text-indent:-9999px;
	outline-style:none;
}
.green_box span a{background:url(../images/bg_green_box_a.png) left top no-repeat;}
.blue_box span a{background:url(../images/bg_blue_box_a.png) left top no-repeat;}
.purple_box span a{background:url(../images/bg_purple_box_a.png) left top no-repeat;}
.grey_box span a{background:url(../images/bg_grey_box_a.png) left top no-repeat;}
.pink_box span a{background:url(../images/bg_pink_box_a.png) left top no-repeat;}

.center_box{
	float:left;
	padding-left:19px;
	width:298px;
}
.center_box .center_top{
	height:204px;
}
.center_box .center_top h1{
	height:33px;
	background:#1272b5;
	color:#7eb0db;
	line-height:30px;
	font-size:29px;
	padding-top:10px;
	padding-left:16px;
}
.center_box .box{
	padding:0px 0px 0px 16px;
	height:41px;
	width:282px;
	overflow:hidden;
	background:#0b426d;
}
.center_box .box h3{
	font-size:20px;
	color:#ec741d;
	line-height:21px;
	padding-top:2px;
}
.center_box .box p{
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}
.center_box .box span{
	display:block;
	float:right;
	padding:10px 10px 0px 0px;
}
.center_box .box span a{
	display:block;
	width:22px;
	height:22px;
	text-indent:-9999px;
	outline-style:none;
	background:url(../images/bg_center_box_a.png) left top no-repeat;
}
.center_box .center_top_inner{
	padding:1px 0px 0px 16px;
	height:100px;
	width:282px;
	overflow:hidden;
	background:#105e98;
}
.center_box .center_top_inner img{
	display:block;
	float:left;
	margin-top: 8px;
	border:1px solid #FFF;
}
.center_box .center_top_inner .text_box{
	width:184px;
	float:right;
	padding-right:6px;
}
.center_box .center_top_inner h4{
	font-size:12px;
	color:#ec741d;
	padding-top:4px;
	line-height:15px;
}
.center_box .center_top_inner p{
	font-size:11px;
	color:#FFFFFF;
	line-height:14px;
}
.center_box .center_box_link{
	height:19px;
	background:url(../images/bg_center_box_bottom.png) left top repeat-y;
	padding-left:14px;
}
.center_box .center_box_link a{
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	line-height:19px;
}
.center_box .center_box_link a:hover{ color:#FFF;}
.center_bottom{
	background:#FFF;
	margin-top:12px;
	height:116px;
}
.center_bottom h1{
	font-size:29px;
	color:#83a0ae;
	line-height:29px;
	padding:5px 0px 0px 14px;
}
.center_bottom .img_scroll{
	width:298px;
	height:83px;
}
.center_bottom .img_scroll img{
	display:inline;
	vertical-align:middle;
}
.right_box, .right_box_sp{
	float:right;
	width:272px;
	background:#ec7419;
	height:100%;
	padding-left:17px;
	padding-bottom:17px;
}
.right_box_sp{
	width:255px;
	padding: 0px 17px 15px 17px;
}
.left_box_sp, .center_box_sp, .right_box_sp{
	height:100%;
}

#contentsouspages2col .right_box, #contentsouspages2col .right_box_sp{
        margin-top:-30px;
}
.right_box h1, .right_box_sp h1{
	font-size:29px;
	color:#f6b283;
	line-height:30px;
	padding-top:15px;
	padding-bottom:5px;
}
.right_box_sp h1{
	padding-top:5px;
}
.right_box .right_text_box, .right_box_sp .right_text_box{
	width:240px;
	height:133px;
	margin-top:4px;
	padding:10px 0px 0px 13px;	
	position:relative;
}
#contentsouspages2col .right_box .right_text_box h3, #contentsouspages2col .right_box_sp .right_text_box h3{
    margin:0;
	font-size:20px;
	line-height:21px;
	color:#1a171b;
}
#contentsouspages2col .right_box .right_text_box h4, #contentsouspages2col .right_box_sp .right_text_box h4{
	font-size:14px;
	color:#FFFFFF;
	line-height:15px;
}
.right_box .right_text_box p, .right_box_sp .right_text_box p{
	line-height:13px;
	padding-right:58px;
	padding-top: 4px;
}
.right_box .right_text_box .img_left img, .right_box_sp .right_text_box .img_left img{
	float:left;
	padding:4px;
}
.right_box .right_text_box a.link, .right_box_sp .right_text_box a.link{
	display:block;
	width:53px;
	height:54px;
	text-indent:-999999px;
	outline-style:none;
	background:url(../images/bg_right_box_link.png) left top no-repeat;
	position:absolute;
	right:0px;
	bottom:15px;
}
.right_box .right_text_box.green_box2 a.link {background:url(../images/bg_right_box_link_vert.gif) left top no-repeat;}
.right_box .right_text_box.blue_box2 a.link { background:url(../images/bg_right_box_link_bleu.gif) left top no-repeat;}
.right_box .right_text_box.blue_f_box2 a.link { background:url(../images/bg_right_box_link_bleu_fonce.gif) left top no-repeat;}
.right_box .right_text_box.purple_box2 a.link { background:url(../images/bg_right_box_link_violet.gif) left top no-repeat;}
.right_box .right_text_box.grey_box2 a.link { background:url(../images/bg_right_box_link_gris.gif) left top no-repeat;}
.right_box .right_text_box.pink_box2 a.link { background:url(../images/bg_right_box_link_rose.gif) left top no-repeat;}

.maincontent{
}

#cadre_col_droite{
	padding:28px 30px 35px 30px;
	float:right;
}
#cadre_col_droite a {
	color:#ffffff;
	text-decoration:none;
}
#cadre_col_droite a:hover {
	color:#ffffff;
	text-decoration:underline;
}

/* *************************** 
   $5 Sidebar Styles
   ***************************/
.sidebar{
}
/* *************************** 
   $6 Footer Styles
   ***************************/
#footer_wrapper{
	background:#3c454b url(../images/bg_footer.jpg) center top no-repeat;
}
#footer{
	width:980px;
	margin:0px auto;
	height:339px;
}
.footer_left{
	width:742px;
	float:left;
	padding-top:32px;
	padding-left:26px;
}
.footer_left p{
	color:#ec741d;
	line-height:14px;
	padding-right:356px;
}
.footer_list{
	width:100%;
	padding-bottom:25px;
	overflow:hidden;
}
.footer_list .footer_list_box{
	float:left;
	width:123px;
}
.footer_list h3{
	font-size:12px;
	line-height:14px;
	color:#FFF;
	text-transform: uppercase;
}
.footer_list h3 a{
	color:#FFF;
}
.footer_list ul{}
.footer_list ul li{
	font-size:11px;
	color:#FFF;
	line-height:14px;
	font-weight: normal;
	text-transform: none;
}
.footer_list ul li a{color:#FFF;}
.footer_list ul li a:hover{color:#FFF;}
.footer_img{
	float:right;
	width:211px;
	position:relative;
	margin-top: 25px;
}
.footer_img img{
	display:inline;
	vertical-align:bottom;
	margin-right:20px;
	margin-bottom:18px;
}

/* *************************** 
   $6 Mise en forme du formulaire
   ***************************/



.tx-powermail-pi1 {
	width:80%;	/*** Largeur du formulaire ***/*        
	border: 0px solid black;
	color: black;
	background: #fff;
	margin: 0;
	padding: 0em;
        font-size:12px;
        margin-left:90px;
}
.powermail_mandatory_js {color:red;padding-bottom:15px;}

.tx-powermail-pi1_fieldset {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	outline:1px;
	color: black;
	background: #F7F7F7;
	margin: 0;
	padding: 1em;
        border:1px solid #2078E4;
}
.tx-powermail-pi1_fieldset legend {	/*** Mise en forme des titres des cadres ***/
        font-size:1em;
	font-weight: bold;
	color: #2078E4;
	background: transparent;
}

.tx-powermail-pi1_fieldset  label {	/*** Mise en forme des intitulés de champs ***/
        color:#000000;
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	width: 35%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés a droite... ***/
        clear:both;
	margin: 0;
	padding: 0 5px 0 0;
	line-height: 18px;	/*** ... et centrés verticalement. ***/

}
.tx-powermail-pi1_fieldset label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs a cliquer sur les intitulés ***/
}
.tx-powermail-pi1_fieldset label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}

.tx-powermail-pi1_fieldset input:focus,
.tx-powermail-pi1_fieldset textarea:focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
	
}
.tx_powermail_pi1_fieldwrap_html{
padding:5px;
}

.tx-powermail-pi1_fieldset .normal {	/*** Retour a l'état normal apres l'utilisation ***/
	background: white;
	color: black;
}
input.powermail_contact.powermail_submit{
background: #F7F7F7;
float:right;
height: 23px;
width: 90px;
}

/*** Mise en forme du titre de formulaire ***/
/*h5 {	
display:block;
width:688px;
height:30px;
background-repeat:no-repeat;
background-position:left;
padding-left:90px;
line-height:30px;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
background-image:url(../media/bandeau_h2.jpg);
}*/

h5 {	
color: #1572B5;
font-size: 18px;
font-weight: bold;
}





	
/*** Mise en forme du pied de formulaire ***/
.tx-powermail-pi1_fieldset_7 {	
	font: bold 1em arial, hevetica, sans-serif;
	color: white;
	margin: 0;
	padding: 5px;
        
}
.tx-powermail-pi1_fieldset_7 {
	text-align: right; /*** Les boutons sont alignés a droite ***/
}
.tx-powermail-pi1_fieldset_7 input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 10px;
        background:#fff;
        color:#2078E4;
}
.tx-powermail-pi1_fieldset_11 label{
width:435px;
}


.powermail_check_inner{
width:100%;
float:left;
}
.powermail_check_inner label{
float:left;
width:80%;
text-align:left;
margin-left:30px;
}
.tx_powermail_pi1_fieldwrap_html_checkbox_title{
float:left;
margin-bottom:5px;
margin-top:15px;
clear:both;
font-weight:bold;
width:50%;
}
.powermail_check_inner input{
float:left;
margin-left:-585px;
margin-top:2px;
}


dfn{width:450px;float:left;}

.left_box_sp{
	width:267px;
	float:left;
	background:#ffffff;
	padding:0px 16px 10px 0;
}
.left_box_sp2{
	width:584px;
	float:left;
	background:#ffffff;
	padding:0px 16px 10px 0;
}
.center_box_sp{
	float:left;
	padding-top: 0px;
	padding-left: 19px;
	width:298px;
}

.right_box.green_box{ background:#96bf0d;}
.right_box.blue_box{ background:#009ee0;}
.right_box.blue_f_box{ background:#1272B5;}
.right_box.purple_box{ background:#817eb6;}
.right_box.grey_box{ background:#d4dee3;}
.right_box.grey_f_box{ background:#9fa8ad;}
.right_box.pink_box{ background:#e2007a;}
.right_box.orange_box{ background:#ec7419;}

.right_box.blue_f_box{ color:#ffffff;}

.right_box.green_box h1{ color:#cbdf86;}
.right_box.blue_box h1{ color:#80cff0;}
.right_box.blue_f_box h1{ color:#ec7419;}
.right_box.purple_box h1{ color:#c0bfdb;}
.right_box.grey_box h1{ color:#ffffff;}
.right_box.grey_f_box h1{ color:#ffffff;}
.right_box.pink_box h1{ color:#f180bd;}
.right_box.orange_box h1{ color:#f6b283;}

.right_text_box.green_box2{ background:#cbdf86;}
.right_text_box.blue_box2{ background:#80cff0;}
.right_text_box.blue_f_box2{ background:#7eb0db;}
.right_text_box.purple_box2{ background:#c0bfdb;}
.right_text_box.grey_box2{ background:#d4dee3;}
.right_text_box.pink_box2{ background:#f180bd;}
.right_text_box.orange_box2{ background:#f6b283;}

.right_box h1, .right_box_sp h1{
	font-size:29px;
	color:#f6b283;
	line-height:25px;
	padding-top:15px;
	padding-bottom:5px;
}

.infobulle{
	position: absolute;
	background: #000000;
	padding: 3px 7px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #d4d4d4;
	text-align: center;
}

.csc-frame-rulerBefore{ 
border-top:1px solid #3C454B;
padding-top:8px;
}
.csc-frame-rulerAfter{ 
border-top:1px solid #3C454B;
padding-top:15px;
}

#contentsouspages ul li,
#contentsouspages2col ul li{
  	background-image: url(http://www.entreprenariales.com/fileadmin/templates/2010/images/puce.gif);
	background-position:0px 6px;
	background-repeat: no-repeat;
	padding-left:13px;
        padding-bottom:10px;
margin-left:10px;     
font-size:13px;
}
#content_wrapper h4{
font-size:16px;
padding-bottom:8px;}

/****************************************************
***************LOGOS PARTENAIRES*******************
****************************************************/



/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 298px;
	height:70px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:298px;
	text-align: center;
}



/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}