/*------------------------------------------
Design:  default
version: 0.1
author:  Netquarks (yara)
website: EUROP TECHNOLOGY
Date:	 03 July 2006
------------------------------------------*/



/* All ------------------------------------------*/
* {
padding: 0;
margin: 0;
}

body {
font-family:  Arial, Verdana, sans-serif;
font-size: 62.5%; /* (16px x 62.5% = 10px) */
background: #fff;/* DEBUG  url(images/layout_grid.png) 0 0 no-repeat;*/
color:#000;
}

a, a:visited {
color: #5e245e;
text-decoration: none;
outline:none;
}

a:focus{
outline:none;
}

fieldset{
border:none;
}

fieldset legend{
display:none;
}

#flash-intro{
text-align:center;
}


/* Container ------------------------------------------*/
#container{
margin:10px auto 0;
width:995px;
min-height:588px;
height:auto !important;
height:588px;
background:#fff url(images/bg.png) 0 110% no-repeat;
padding-left:5px;
}


/*  Entete de page ------------------------------------------*/
#header{
height:100px;
background:url(images/bayadere.png) 90% 70% no-repeat;
}

#header h1{
text-indent:-5000px;
background:url(images/logo.png) 0 0 no-repeat;
width:99px;
height:89px;
position:relative;
}

#header h1 a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
}


/* Navigation ------------------------------------------*/
#navigation{
list-style:none;
width:140px;
float:left;
padding-right:10px;
padding-top:20px;
}

#navigation li{
text-align:right;
} 

#navigation li a{
font-size:1em;
display:block;
width:140px;
padding:5px 5px 5px 0;
margin-top:10px;
text-transform:uppercase;
}

* html #navigation li a{
margin-top:5px;
}

#navigation li a:hover{
background-color:#000;
color:#fff;
}

#navigation li a.current_item{
background-color:#C2CF12;	
color:#fff;
}

#navigation img
{
	border: none;
}

#navigation #ann_link a:hover{
background:none;
color:#fff;
}

#navigation #ann_link a.current_item{
background:none;
color:#fff;
}

#noFlash{
width:600px;
padding-top:50px;
margin:0 auto;
font-size:1.2em;
}

#noFlash img{
border:none;
padding-top:20px;
}

/* Content ------------------------------------------*/
#content{
float:left;
width:630px;
min-height:460px;
height:auto !important;
height:460px;
margin-right:10px;
margin-bottom:10px;
position:relative;
xletter-spacing:0.1em;
font-size:1.1em;
}

* html #content{
margin-bottom:5px;
margin-right:5px;
}

#slideshow{
float:left;
width:180px;
height:250px;
position:relative;				/* hack IE */
margin-top:40px;
}


/*  Pieds de page ------------------------------------------*/
* html #footer{
margin-top:10px;
}
#footer{
clear:left;
text-align:right;
font-size:1em;
list-style:none;
border-right: 1px solid #D2D82C;
}

#footer li{
display:inline;
padding:0 5px;
border-left: 1px solid #D2D82C;
}

#footer a{
padding:2px 5px;
}

#footer a.active{
color:#fff !important;
background-color:#000;
}


/* PAGE PRINCIPALE ---------------------------------*/
.principale{
font-family: helvetica, "Times New Roman", Times, serif;
background:#fff url(images/bg_principale.png) 0 100% no-repeat;
text-align:center;
}

.principale h2{
padding-top:20px;
font-size:1.8em;
width:100%;
}

.principale div{
padding:10px 20px;
font-size:1.2em;
font-weight:700;
}

.principale p{
padding:5px 0;
}

.principale p.highlight{
color:#5e245e;
}

.principale span{
font-style:italic;
color:#5e245e;
display:block;
}

.principale p.welcome{
padding-top:10px;
font-size:1.6em;
font-style:italic;
}


/* PAGE 1 ------------------------------------------*/
.page1{
background:url(images/bg_page1.png) 0 0 no-repeat;
font-family: helvetica, "Times New Roman", Times, serif;
}

.page1 h2{
font-size:1.8em;
font-weight:100;
padding:20px 20px 10px;
}

div.page1 p{
font-size:1.2em;
line-height:1.5em;
}

div.page1 p.para1{
font-size:1.2em;
padding:0 20px 0px;
}

div.page1 p.para2{
font-size:1.2em;
padding:0 200px 0 20px;
}


/* PAGE 2 ------------------------------------------*/
.page2{
background:#F2F9FD url(images/bg_page2.png) 100% 30px no-repeat;
font-family: helvetica, "Times New Roman", Times, serif;
}

.page2 h2{
font-size:1.8em;
font-weight:100;
padding:18px 20px 10px;
}

div.page2 p{
font-size:1.2em;
line-height:1.6em;
}

div.page2 p.para1{
font-size:1.2em;
padding:0 20px 20px 20px;
}

div.page2 p.para2{
font-size:1.2em;
padding:0 20px;
}


/* PAGE 3 ------------------------------------------*/
.page3{
background:url(images/bg_page3.png) 0 0 no-repeat;
font-family: helvetica, "Times New Roman", Times, serif;
}

.page3 h2{
font-size:1.8em;
font-weight:100;
padding:20px 20px 10px;
}

div.page3 p{
font-size:1.2em;
line-height:1.6em;
}

div.page3 p.para1{
font-size:1.2em;
padding:0 20px 10px;
}

div.page3 p.para2{
font-size:1.2em;
padding:0 245px 0 20px;
}


/* PAGE 4 ------------------------------------------*/
.page4{
background:#DFD4DF url(images/bg_page4.png) 100% 0 no-repeat;
font-family: helvetica, "Times New Roman", Times, serif;
}

.page4 h2{
font-size:1.8em;
font-weight:100;
padding:20px 20px 10px;
}

div.page4 p{
font-size:1.2em;
line-height:1.5em;
}

div.page4 p.para1{
font-size:1.2em;
padding:0 10px 0 20px;
}

div.page4 p.para2{
font-size:1.2em;
padding:0 20px;
}


/* PAGE 5 ------------------------------------------*/
.page5{
background:url(images/bg_page5.png) 0 0 no-repeat;
font-family: helvetica, "Times New Roman", Times, serif;
}

.page5 h2{
font-size:2em;
font-weight:100;
padding:20px 20px 0;
text-align:center;
}

div.page5 p{
font-size:1.1em;
line-height:1.5em;
padding:0 10px;
height:170px;
}

div.page5 .para1{
position:absolute;
left:400px;
top:120px;
color:#fff;
width:200px;
height:220px;
}

div.page5 .para1 p span{
color:#54275C;
}

div.page5 .para2{
position:absolute;
left:70px;
top:230px;
color:#fff;
width:200px;
height:210px;
}

div.page5 .para2 p span{
color:#A1BD2F;
}

div.page5 span.readmore{
display:block;
padding-left:10px;
font-size:1.1em;
}

.popup_all{
color:#000 !important;
font-size:1.1em;
text-transform:uppercase;
position:absolute;
bottom:80px;
left:50%;
display:block;
width:100px;
}

.para1 a, .para2 a{
color:#fff !important;
}

.para2 .readmore{
padding-top:2px;
}

* html .para1 .readmore{
padding-top:3px;
}

.para1 > .readmore{
padding-top:5px !important;
}


/* PAGE 6 ------------------------------------------*/
.page6{
background:url(images/bg_page6.jpg) 0 0 no-repeat;
font-family: helvetica, "Times New Roman", Times, serif;
}

.page6 h2{
position:absolute;
width:280px;
font-weight:100;
font-size:1.8em;
top:175px;
left:150px;
color:#000;
line-height:2em;
text-align:center;
}

.page6 ul.prenoms1{
position:absolute;
top:15px;
left:127px;
list-style:none;
width:150px;
}
.page6 ul.prenoms2{
position:absolute;
top:15px;
left:280px;
list-style:none;
width:150px;

}

.page6 ul.clients1{
position:absolute;
top:335px;
left:127px;
list-style:none;
width:150px;
}

.page6 ul.clients2{
position:absolute;
top:335px;
left:280px;
list-style:none;
width:150px;
}

.page6 li {
font-size:1.2em;
padding:2px 0;
text-align:center;
color:#000;
}



/* Depuis le pieds de page*/

.pied_de_page{
width:830px !important;
margin-right:0 !important;
font-size:1.2em;
color:#000;
}

.vert{
background:#CDD849 url(images/bg_forms.png) 100% 100% no-repeat;
}

.rose{
background:#FDE9F2 url(images/bg_contact.png) 100% 100% no-repeat;
}

.ivoire{
background:#fffff0;
}

/*  Candidature ------------------------------------------*/
#form_slogan{
text-align:center;
padding:20px 80px 0;
font-size:1.6em;
font-weight:700;
line-height:1.6em;
}

#form_chapo{
text-align:center;
padding:10px 150px;
font-size:1.2em;
font-weight:700;
line-height:1.5em;
color:#fff;
}

#fm{
width:600px;
margin-left:150px;
}

#fm fieldset{text-align:center;}

#fm div{
float:left;
margin-bottom:10px;
text-align:right;
width:600px;
clear:left;
position:relative;
}

#fm div label.lbleft{
float:left;
display:block;
width:120px;
height:15px;
line-height:15px;
text-align:right;
padding-right:10px;
text-transform:uppercase;
font-weight:700;
}

#fm span.msg_error{
display:none;
position:absolute;
white-space:nowrap;
font-size:0.9em;
color:#f00;
left:410px;
top:2px;
}

#fm div.field_text input {
float:left;
width:258px;
color:#666;
font-size:1.2em;
font-weight:700;
padding:1px 5px;
border:1px solid #fff;
background-color:#fff;
}

#fm div.field_text input.filez {
color:#666;
font-size:1em;
font-weight:700;
padding:1px 5px;
border:1px solid #fff;
background-color:#fff;
}

#fm div.field_text input:focus{border:1px solid #E57D68;}  /* Not supported by IE */

#fm div.civilite{text-align:left;}

#fm div.civilite input{margin:5px 5px 0;}

* html #fm div.civilite input{margin:0 5px;}

#fm div.abo{
padding-top:10px;
text-align:center;
margin-left:-38px;
}

* html #fm div.abo{margin-left:-19px;}

input.fm_button{
border:none;
margin-top:20px;
background-color:#000;
padding:1px 30px;
font-size:1.3em;
font-weight:700;
color:#fff;
cursor:pointer;
margin-bottom:20px;
}


.newsletter{
padding-top:50px;
}

/* PAGE EQUIPE ------------------------------------------*/

.equipe{
background:#CFD755 url(images/bg_equipe.png) 0 100% no-repeat;
}

.equipe h2.title{
text-align:center;
padding-top:30px;
font-size:1.8em;
font-weight:100;
}

.equipe .para1{
text-align:center;
color:#fff;
font-weight:700;
padding:20px 20px 10px;
line-height:1.6em;
font-size:1.2em;
}

.equipe .para2{
padding:5px 0 10px 100px;
font-size:1.2em;
line-height:1.6em;
width:400px;
}

.equipe .liste1{
width:400px;
margin-left:100px;
font-size:1.1em;
}

.equipe .liste1 span{
font-weight:700;
padding-bottom:10px;
}
.equipe .liste1 ul{
padding-top:10px;
margin-left:20px;
list-style-type:square;
}
.equipe .liste1 li{
font-size:0.9em;
line-height:1.6em;
}

.equipe .para_contact{
padding-top:30px;
color:#fff;
font-weight:700;
padding-left:300px;
line-height:1.6em;
font-size:1.2em;
}

.equipe .para_contact a{
color:#fff;
}



/*  Contact ------------------------------------------*/
#contact-title{
padding:40px 20px 10px;
font-size:2em;
font-weight:100;
float:left;
width:790px;

}

#contact-plan{
width:399px;
height:360px;
float:left;
position:relative;
padding-left:20px;
}

#contact-plan p{
position:absolute;
bottom:-5px;
right:0;
width:200px;
}

#contact-details{
float:left;
margin-left:40px;
width:350px;
}

#contact-details h3{
font-size:1.6em;
font-weight:100;
padding-bottom:15px;
}

#contact-details p{
background:url(images/contact_puce.png) 0 0 no-repeat;
padding-left: 20px;
padding-bottom:10px;
}

#contact-details p span{
font-weight:700;
color:#5d255e;
}

.contact-plus{
color:#813C74;
font-size:1em;
font-weight:700;
}



/*  POPUP ------------------------------------------*/
#popup-container{
width:600px;
min-height:800px;
height:auto !important;
height:800px;
position:relative;
font-family: Helvetica, Arial, sans-serif;
float:left;
}

.both{
background:url(images/bg_color_candidat_client.png) 0 0 repeat-y;
}

#popup_candidat_client{
width:300px;
background:url(images/bg_client_candidat.png) 25% 120px no-repeat;
float:left;
}

#popup_client_candidat{
width:300px;
padding-bottom:50px; 
background:url(images/bg_candidat_citation.png) 92% 100% no-repeat;
float:left;
}


#popup_candidat_client h1{
color:#96be11;
font:normal 18px Helvetica, Arial, sans-serif;
text-transform:uppercase;
padding:160px 0 20px 20px;
}

.client-article{
color:#fff;
font:normal 12px/1.4em Helvetica, Arial, sans-serif;
padding:20px 30px 0 20px;
}

.client-signature{
padding-top:20px;
color:#97BE11;
line-height:1.2em;
}


#popup_client_candidat h1{
color:#fff;
font:normal 18px Helvetica, Arial, sans-serif;
text-transform:uppercase;
padding:20px 0 30px 20px;
}

.candidat-article{
font:normal 11px/1.4em Helvetica, Arial, sans-serif;
color:#fff;
padding:20px;
}

.candidat-article span{
color:#000;
}

.candidat-signature{
color:#000;
padding-top:20px;
line-height:1.2em;
font-size:0.9em;
}

/*client*/
.client{
background: url(images/bg_client.png) 0 0 no-repeat;
}

.client h1{
color:#96be11;
text-transform:uppercase;
font-size:1.4em;
text-align:center;
text-indent:-90px;
padding-top:50px;
padding-bottom:50px;
}

#content_client{
padding: 0 100px;
}

#content_client p{
font-size:1.2em;
line-height:1.6em;
color:#fff;
padding:10px 0; 
}

#content_client_auteur{
width:300px;
height:150px;
padding:90px 0 0 120px;
background:url(images/bg_client_citation.png) 0 0 no-repeat;
text-align:right;
margin-left:100px;
}

#content_client_auteur p{
text-align:left;
font-size:1.2em;
font-weight:700;
color:#96be11;
text-transform:uppercase;
}


/*candidat*/
.candidat{
background: url(images/bg_candidat.png) 0 0 no-repeat;
}

.candidat h1{
color:#5e255e;
text-transform:uppercase;
font-size:1.4em;
text-align:center;
text-indent:-90px;
padding-top:50px;
padding-bottom:50px;
}

#content_candidat{
padding: 0 100px;
}

#content_candidat p{
font-size:1.2em;
line-height:1.6em;
color:#5e255e;
padding:10px 0; 
}

#content_candidat_auteur{
width:300px;
padding-top:30px;
padding-bottom:43px;
background: url(images/bg_candidat_citation.png) 100% 100% no-repeat;
margin-left:220px;
text-align:left;
font-size:1.2em;
font-weight:700;
color:#fff;
text-transform:uppercase;
}

/*annonces*/
.gridHeader 
{
	background:#CDD849;
	border-right: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-collapse:collapse;
	color:#ffffff;
	font-weight:bold;
	font-size:1.45em;
	height:30px;
	line-height:30px;
	text-align:center;
	font-family: helvetica, "Times New Roman", Times, serif;
}

.gridHeader a
{
	color:#FFFFFF;
}

.gridItem
{
	font-family: helvetica, "Times New Roman", Times, serif;
	background:#F9F9F9;
	color:#000000;
	text-align:center;
	font-size:0.95em;
}

.gridAlterItem  
{
	font-family: helvetica, "Times New Roman", Times, serif;
	background:#FFFFF0;
	color:#000000;
	text-align:center;
	font-size:0.95em;
}

.annonce
{
	font-family: helvetica, "Times New Roman", Times, serif;
	width:830px !important;
	margin-right:0 !important;
	font-size:1.2em;
	color:#000;
}

.annonce h2
{
	display:block;
padding-top:45px;
font-size:1.2em;
line-height:1.8em;
width:100%;
}

.annonce p{
padding:5px 0;
font-size:1.2em;
line-height:1.6em;
background-color:#FFFFF0;
}

.annonce div{
padding:5px 0;
font-size:1.2em;
line-height:1.6em;
background-color:#FFFFF0;
}

.annonce td{
font-size:1.4em;
}

.annonce td.cellTitre{
	background-color:#CDD849;
	color:#FFFFFF;
	text-align:center;
	font-family: helvetica, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:2em;
}

.annonce td.cellTitreText
{
	background-color:#FFFFF0;
	text-align:center;
	font-family: helvetica, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:2em;
}

.annonce td a
{
	border: none 0 #FFFFFF;
}