/***************************************************
****************************************************
                          CSS MAZEAS
version: 0.1
Date : 2010-06-22
author: Crealyse Team
email: support@crealyse.net
website: http://www.crealyse.net/
projet: MAZEAS
*****************************************************
*****************************************************/
/*--------------------------------------------------------
           Universal selector
--------------------------------------------------------*/

html {
	height:100%;
	background-color:#6F6F6F;
}
a:link, a:visited {
	color:#3880EE;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}
.site_center {
	background-image:url(../images/bg_bot.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	text-align:center;
	width:100%;
}
img {
	display:block;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#99c000;
	text-transform:uppercase;
	font-size:17px;
	font-weight:normal;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
	font-size:12px;
	font-weight:normal;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
	font-size:12px;
	font-weight:normal;
}

/*--------------------------------------------------------
           Style body 
--------------------------------------------------------*/
body {
	color:#424241;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	vertical-align:top;
	background-color:#C4C4C4;
	background-image:url(../images/bg_left.gif);
	background-position:left top;
	background-repeat:repeat-x;
	margin:0px;
}
/*--------------------------------------------------------
           wrapper
--------------------------------------------------------*/
#wrapper {
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	text-align:left;
	width:770px;
	background-color:#FFFFFF;
}
/*--------------------------------------------------------
           header
--------------------------------------------------------*/
#header .row1 {
	background-color:transparent;
	background-image:url(../images/bg_hed_top.gif);
	background-position:left top;
	background-repeat:repeat-y;
	height:26px;
}
#headerLogoHolder {
	height:228px;
	width:770px;
	background-color:#C4C4C4;
	background-image:url(../images/head_bg.jpg);
}
#logo {
	margin-top:36px;
	margin-left:34px;
	float:left;
}
#logo a img {
	border:none;
}
#header .row2 {
	background-image:url(../images/bg_top_con.gif);
	background-position:left top;
	background-repeat:repeat-x;
	height:10px;
}

/*--------------------------------------------------------
           main menu
--------------------------------------------------------*/
#menuContainer{
	float:left;
	padding-left:18px;
	padding-right:18px;
	position:relative;
}
.mainMenu a.menuLink:link , .mainMenu a.menuLink:visited {
	display:block;
	background-color: #3880EE;
	color:#FFFFFF;
	width:118px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	margin-left:2px;
	margin-right:2px;

} 
.mainMenu a.menuLink:hover{
	text-decoration:underline;
}
#menuContainer ul  {
	list-style:none;
	padding:0px;
	margin:0px;
	margin-top:-10px;
	width:720px;
}
#menuContainer ul li {
	float:left;
}

/*--------------------------------------------------------
           sous menu
--------------------------------------------------------*/
.sousMenu{
	display:none;
	font-size:12px;
	position:absolute;
	top:20px;
	left:15px;
	color:#3880EE;
}

.sousMenu a,.sousMenuSelected a{
	display:inline;
	margin-left:5px;
	margin-right:5px;
	line-height:22px;
}
.sousMenuSelected{
	display:block;
	font-size:12px;
	position:absolute;
	top:20px;
	left:15px;
	color:#3880EE;
}
/*--------------------------------------------------------
           content
--------------------------------------------------------*/
#content {
	background-color:#FFFFFF;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
	min-height:352px;
	_height:352px;
	width:770px;
	margin-top:38px;
	display:table;
}
#sideContent{
	min-height:314px;
	_height:314px;
	width:233px;
	background-color:#F2F2F2;
	margin-left:20px;
	float:left;
	margin-top:-10px;
	margin-bottom:10px;
}
#sideContent1{
	min-height:300px;
	_height:300px;
	width:233px;
	background-color:#F2F2F2;
	margin-left:20px;
	float:left;
	margin-top:-10px;
	margin-bottom:10px;
	padding-top:15px;
}
#sideContent1Title{
    font-family:Arial, Helvetica, sans-serif;
	color:#99c000;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin-left:20px;
	margin-top:6px;
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom: 5px;
	
}

#box1{margin-left:20px;}
#sideContent h2{
	margin-left:38px;
	margin-top:22px;
	background-image:url(../images/1_w1.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom: 5px;
	margin-bottom:20px;
}
#primaryContent1{
	margin-left:26px;
	width:470px;
	float:left;
}

#primaryContent1 h1{
	margin-top:12px;
}
.textTitle{
	color:#424241;
	text-transform:uppercase;
	margin-top:-10px;
}
.textContent{
	width:429px;
	margin-top:22px;
	min-height:90px;
	_height:90px;
	text-align:justify;
}
.textContentForm{
	width:429px;
	margin-top:22px;
	margin-bottom:10px;	
}
.separator1{
	width:429px;
	height:1px;
	background-image:url(../images/li_long.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	margin-top:20px;
}
#homeBoxes{
	width:429px;
	margin-top:25px;
}
#boxMetiers {
	width:193px;
	background-image: url(../images/bg_li_bot.gif);
	background-repeat:repeat-y;
	background-position:right;
	float:left;
}
#boxEtudes{
	width:190px;
	float:left;
	margin-left:45px;
	text-align:justify;
}
#boxMetiers h2{
	background-image:url(../images/1_w3.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:26px;
	line-height:22px;
	margin-bottom:30px;
}
#boxMetiers ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
#boxMetiers ul li a {
	display:block;
	padding-left:9px;
	background-image:url(../images/1_z1.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:16px;
	line-height:16px;
}
#boxEtudes h2{
	background-image:url(../images/1_w4.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:26px;
	line-height:22px;
	margin-bottom:30px;
}
.lireSuite {
	font-size:10px;
	text-align:right;
}
.lireSuite a:link,.lireSuite a:visited{
	background-image:url(../images/more.gif);
	color:#FFFFFF;
	display:block;
	width:56px;
	height:11px;
	text-align:left;
	padding-left:12px;
	line-height:11px;
	float:right;
	text-decoration:none;
}
.lireSuite a:hover{
	text-decoration:underline;
}
.envoyer {
	font-size:10px;
	margin-right:65px;
	margin-bottom:40px;
}
.envoyer a:link,.envoyer a:visited{
	background-image:url(../images/more.gif);
	color:#FFFFFF;
	display:block;
	width:43px;
	height:11px;
	text-align:left;
	padding-left:12px;
	line-height:11px;
	float:right;
	text-decoration:none;
}
.envoyer a:hover{
	text-decoration:none;
}
.boxOperation{
	width:172px;
	margin-left:38px;
	margin-bottom:20px;
	text-align:left;
}
.titreOperation{
	color:#424241;
	font-size:12px;
	font-weight:bold;
	margin-bottom:12px;
}
.titreOperation a:link,.titreOperation a:visited{
	color:#424241;
}
.boxOperation img{
	margin-bottom:5px;
}
a.operationLink{
}

/*--------------------------------------------------------
           primaryContent2
--------------------------------------------------------*/

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

.textContent2{
	margin-top:22px;
	min-height:90px;
	_height:90px;
	text-align:justify;
}

#primaryContent2 h1 {
	margin-top:12px;
}

.separator2{
	height:1px;
	_height:1px;
	background-image:url(../images/li_long.gif);
	background-repeat:repeat-x;
	margin-top:20px;
}
#boxReference{
	margin-top:25px;
}
#boxReference img{
	float:left;
	margin-right:20px;
}
#boxReference h2{
	background-image:url(../images/1_w4.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:26px;
	line-height:22px;
	margin-bottom:25px;
}
.boxClient{
	width:100%;
	float:left;
	margin-bottom:10px;
}
.boxMetiers{
	width:350px;
	float:left;
	margin-bottom:10px;
}
/*--------------------------------------------------------
           Galerie reference
--------------------------------------------------------*/
.contentBg{width:710px;background-color:#F2F2F2;margin-left:10px; margin-top:20px;}
.contentBgElement{margin-left:30px;}
.contentBgElementStyle{display:inline;float:left;margin:4px 4px}
/*--------------------------------------------------------
           contact
--------------------------------------------------------*/
.input1 {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #91908D;
color:#91908D;
font-size:10px;
height:15px;
width:201px;
}
/*input*/
input{
   background:#272727;
   border:1px solid #888888;
   width:165px; height:25px;
}
.input1{
   background:#ffffff;
   margin:0 0 7px 0px;
   border:1px solid #91908d;
   width:201px; height:15px;
   color:#91908d;
   font-size:10px
}
#input2{
   width:44px; height:11px;
   border:0px;
}
#input3{
   width:39px; height:11px;
   border:0px;
}
textarea{
   background:#ffffff;
   border:1px solid #91908d;
   width:201px; height:69px;
   overflow:auto;
   margin:0 0 7px 0px;
   font-family:Tahoma;
   font-size:11px;
   color:#91908d}
/*--------------------------------------------------------
           footer
--------------------------------------------------------*/
#footer {
	height:59px;
	width:770px;
	background-color:#919190;
}
#footer .row3{
	background-image:url(../images/bg_foot.gif);
	background-position:left top;
	background-repeat:repeat-x;
	height:5px;
}
#footerContent{
	color:#FFFFFF;	
	margin-left:60px;
	margin-top:20px;
}
#footerContent a:link, #footerContent a:visited{
	color:#FFFFFF;	
	text-decoration:none;	
}
#footerContent a:hover{
	color:#FFFFFF;	
	text-decoration:underline;	
}

#selected_menu{
	background-color:#C4C4C4 !important;
	color:#424241!important;
}
#selected_smenu{
	color:#424241!important;
}
.style-1{
	font-size:11px;
	font-weight:bold;
	color:#424241;	
} 
.style-2{
	font-size:11px;
	font-weight:normal;
	color:#99c000;	
} 

.style-3{
	font-size:11px;
	font-weight:bold;
	color:#99c000;	
} 
.style-4{
	font-size:11px;
	font-weight:bold;
	color:#3880EE;	
}