@charset "utf-8";
*{
	outline:0px;
}
	
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol,ul,li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.4; background-image:url(null); background-repeat:no-repeat; background-position: 2px 41px;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/******************************* Begin *******************************/
body
{

    font-family: Geneva, Arial, Helvetica, sans-serif;
	margin:0px;
    color:#222;
}
#page
{
    Margin:0px auto;
    width:960px;
}
#header
{
    background: transparent;
    width:100%;
    height:95px;
}
    #header h1
    {
        padding :65px 0px 0px 160px;
        font-weight: bold;
        font-size: larger;                      
        color:#fa023c;
    }

#logo
{
    margin-top: 28px;
}
#content
{            
    width:100%;
    height:460px;
}
#divers{
    position:absolute;
    z-index:1;
}
#moreInfo{
	position:absolute;
}
#right_side
{
    background: transparent url('images/on_page/strips.gif1') repeat;
    width:330px;
    height:99%;
    float:right;
    overflow-y:auto;
    overflow-x:hidden;
    position:relative;
    left:0px;
    z-index:2;
	width:0px;

}
#right_side,#situation
{
	font-size:10pt;
}
#white_bkg{
    padding:10px 900px 20px 20px; 
    background-color: white;
    width:273px;
	
}
#situation{
	position:absolute;
	z-index:120;
	width:200px;
	margin:130px 0px 0px 670px;
}

#myMap
{
	position:absolute;
	z-index:125;
	height:30px;
	margin:10px 0px 0px 308px;
}
h1,h2,h3,h4,h5
{
   color:#222222; 
}
h1
{
    color:#fa023c;
    font-family:Georgia, "Times New Roman", Times, serif;     
    font-size: 2.1em;
}
h2
{
    font-size: 1.6em;
}
h3
{
	
    font-size: 1.3em;
	line-height:1.2em;
}
h4
{
    font-size: 1.1em;
}
h5
{
    font-size: 0.8em;
}
a
{
    color:#fa023c;
}
a:visited
{
    color:#8f1934;
}
a:hover
{
    color:#ff0000;
}
var
{
    display:none;
}
li
{
	margin-left:20px;
}
ul,ol
{
	margin:8px 0px;
}
p
{
	margin-bottom:5px;
}
.contact_info
{
	z-index:156;
	margin:50px 0px 0px 275px;
}

/* CONTACT */
#form_contact ol {list-style-type:none;}
#form_contact label.element{float:left; margin-bottom:5px;}
#form_contact div.element { float:right; margin-bottom:5px;}
#form_contact input, #form_contact select { float:right; margin-bottom:5px;}
#form_contact textarea {width:240px;height:60px;float:right;}
#form_contact ol li { clear:both;}
/*.form_contact ol {list-style-type:none;}
.form_contact label.element{float:left; margin-bottom:5px;}
.form_contact div.element { float:right; margin-bottom:5px;}
.form_contact ol li { clear:both;}*/

input{width:150px;}
select{width:154px;}
textarea{width:240px;height:60px;float:none;}
p.error {width:200px;}

.isErrorSmall span,.required{color:#e31b22;}
.isErrorSmall{font-size:9px; clear:both;}
input#submit {
float:right;
background-color:#e31b22;
color:#FFFFFF;
margin-top:5px;
border:solid 1px #663300;
width:244px;
}

#form_contact input#submit:hover{ background-color:#ff0000;border:solid 1px #663300;}


/************************ general ******************************************/   
/*
.gmnoprint a,.gmnoprint span
{
	display:none;
}
*/
.hide
{
    display:none;
}
.bring2front
{
    position:absolute;
    z-index:100;
}
.fix_height{
    height:404px;
}
.page_text{
	color:#fff;
}
.float-left
{
	float:left;
}
.float-right
{
	float:right;
}
.center
{
	text-align:center;
}
.noScroll
{
    overflow:hidden;

}
.client_refs h1
{
	font-size:1.4em;
}
.client_refs h3
{
	font-size:1em;
	font-weight:bold;
}
/*                                                 Recrutement                                                                       */
.fiche_poste
{
	margin-left:15px;
	display:block;
	font-weight:bold;
	text-decoration:none;
}
a.CDI
{
    color:#fa023c;
}
a.CDI:visited
{
    color:#8f1934;
}
a.CDI:hover
{
    color:#ff0000;
}
a.stage
{
    color:#fa023c;
}
a.stage:visited
{
    color:#8f1934;
}
a.stage:hover
{
    color:#ff0000;
}

     


/*                                                                    alphas                                                                                */   
 .alfa0
{
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity: 0; 
}
.alfa25
{
    opacity:0.25;
    -moz-opacity:0.25;
    -khtml-opacity: 0.25; 
}
.alfa50
{
    opacity:0.5;
    -moz-opacity:0.5;
    -khtml-opacity: 0.5; 
}
.alfa75
{  
    opacity:0.75;
    -moz-opacity:0.75;
    -khtml-opacity: 0.75; 
}
.alfa85
{
    opacity:0.85;
    -moz-opacity:0.85;
    -khtml-opacity: 0.85; 
}

/*                                                                    Visuels                                                                                 */
.visuel
{           
    background-position:top left;
    background-color: transparent;
    background-repeat: no-repeat;
}
.index
{
    background-image:url('./images/on_page/visuel/accueil.jpg');
}
.index_pour_2010
{
    background-image:url('./images/on_page/visuel/accueil-01-2009.jpg');
}
.nous
{
	background-image:url('./images/on_page/visuel/nous.jpg');
}
.agence
{
    background-image:url('./images/on_page/visuel/agence.png');
}
.conseil
{
    background-image:url('./images/on_page/visuel/conseil.jpg');
}
.design
{
    background-image:url('./images/on_page/visuel/design.jpg');
}
.equipe
{
    background-image:url('./images/on_page/visuel/equipe.jpg');
}
.formation
{
    background-image:url('./images/on_page/visuel/formation.jpg');
}
.recrutement
{
    background-image:url('./images/on_page/visuel/recrutement.jpg');
}
.techno
{
    background-image:url('./images/on_page/visuel/techno.jpg');
}
.realisations
{
    background-image:url('./images/on_page/visuel/realisations.jpg');
}
.undefined
{
    background-image:url('./images/on_page/visuel/undefined.jpg');
}
.contact
{
	background-image:url('./images/on_page/visuel/contact.jpg');
}
.offre
{
	background-image:url('./images/on_page/visuel/notre_offres.jpg');
}
.acces
{
	background-image:url('./images/on_page/visuel/acces.jpg');
}
.marke
{
	background-image:url('./images/on_page/visuel/e_marketing.jpg');
}
.clients
{
	background-image:url('./images/on_page/visuel/clients.jpg');
}
.contenu
{
	background-image:url('./images/on_page/visuel/contenu.jpg');
}