/* CSS Document */
*
	{margin: 0;
	padding: 0;}
img 
	{ border:0}
body {
	background: #2E2877; margin:0; padding:0; 
line-height:normal;  font-size:11px;  
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #312B79;
}

input, textarea {
	background: #D9D7ED; padding:2px; font-weight:normal;
	border: 1px solid #746FB1; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:capitalize;
	color: #0F5B96;
}
input  { width:150px;
}
input.btn  { width:100px; background:#746FB1; color:#FFF; border:0; font-weight:bold; margin-top:10px;
}
textarea  { width:300px; height:60px; 
}
form#log { padding:5px 0 0 10px; }
form#log fieldset{ border:0; margin:0; padding:0;}
form#log legend{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; padding:0; margin:0; color:#A8A6C7;}
form#log input{ width:100px; border:0; }
form#log input.btn{ width:50px; }
h1, h2, h3, p, ol, ul {
	margin-top: 0;
} 
h1, h2, h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
} 
h1 {
	letter-spacing: -2px;
	font-size: 2.4em;
}  
a {
	color: #312B79; font-weight:bold;  
} 
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
ul li a {
	color: #312B79; font-weight:normal; text-decoration:none;
}
#conteneur { 
}
#visuel {
	background:url(../img/layout/fond.jpg) repeat-x;
	height:512px; position:relative; 
}
#visuel #flash {
	position:absolute; top:0px; left:0px; z-index:1; width:1000px; height:512px; 
	background:url(../img/layout/visu.jpg) no-repeat; 
} 
#visuel #logo {
	position:absolute; top:16px; left:19px; z-index:2; width:270px; height:95px; 
	 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logos/logo.png', sizingMethod='scale')
} 
html>body #logo {
	position:absolute; top:16px; left:19px; z-index:2; width:270px; height:95px; 
	filter: none;
	background:url(../img/logos/logo.png) no-repeat;  
}

#visuel #logo img{
	width:270px; height:95px;  
}
#visuel #slogon {
	position:absolute; top:255px; left:343px; z-index:2; width:300px; height:150px; 
}
#visuel #slogon h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:30px; font-style:italic; text-transform:uppercase; margin:0; padding:0; color:#D8D7E9;  
}
#visuel #slogon h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-style:italic; text-transform:uppercase;  margin:0; padding:0; color:#D8D7E9;margin-left:100px;
}
#visuel .content { 
	position:absolute; top:102px; left:339px; z-index:2; width:650px; height:391px;
	background:url(../img/layout/fond-content.gif) no-repeat;  
}
#Layer1,#Layer2,#Layer3,#Layer4,#Layer5,#Layer6,#Layer7,#Layer8,#Layer9,#Layer10,#Layer11,#Layer12  { visibility:hidden;  
}
#news { 
	height:181px; background:#FFF url(../img/layout/fond_news.gif) no-repeat; 
} 
#news div.lastworks{ width:200px; float:left; position:relative; 
} 
#news div.lastworks div.galerie{ background:url(../img/works/works_cadre.jpg) no-repeat; margin:3px 0 0 10px;    
} 
#news div.lastworks div.galerie iframe{ margin:10px;
} 
img#fleche_up{ position:absolute; top:53px; right:10px; 
} 
img#fleche_down{  position:absolute; top:148px; right:10px; 
} 
#scroll_refs  { background:#FFFFFF;
} 
#scroll_refs div { position:relative;
} 
#scroll_refs img{float:none; width:140px; height:100px;
} 
#scroll_refs a span{ display:none;
} 
#scroll_refs a:hover span{ display:block; position:absolute; width:140px; text-align:center; color:#000000; font-size:10px;   
} 

#news div.actualites{  float:left;   color:#6F6F6F; 
} 
#news div.actualites div{ /* width:390px; height:124px; overflow:auto;*/
} 
#news div.newsletter{ width:280px; float:left;  color:#6F6F6F; 
} 
#news div.flags{ width:103px; float:left; position:relative; 
} 
#news div.flags a{ text-decoration:none; padding-bottom:20px; display:block
} 
#news div.flags a:hover{ color:#3366CC;
} 
#news div.flags span.fr{ text-align:center; 
display:block; width:20px; height:30px; position:absolute; top:142px; left:20px; background:url(../img/pictos/fr.gif) no-repeat 50% bottom;
} 
#news div.flags span.es{ text-align:center; 
display:block; width:20px; height:30px; position:absolute; top:142px; left:50px; background:url(../img/pictos/es.gif) no-repeat  50% bottom;
} 
#news div.flags span.gb{ text-align:center; 
display:block; width:20px; height:30px; position:absolute; top:142px; left:80px; background:url(../img/pictos/gb.gif) no-repeat 50% bottom;
} 
#news h4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3D3596; text-transform:uppercase;
margin:0; padding:20px 0 10px 10px; font-weight:bold;
} 
#news div.actualites p {  
margin:0; padding:10px 10px 0 10px; line-height:13px; text-align:justify; 
} 
#news div.newsletter p {  
margin:0; padding:5px 0 7px 10px; line-height:12px; text-align:justify; 
} 
#news div.actualites span { color:#D39E37
} 
#news div.actualites strong { color:#333
} 
#news div.actualites a, #news div.newsletter a { color:#7D73DF; font-weight:normal;
}  
#news div.newsletter form { padding:10px 0 10px 10px;
}
#news div.newsletter input {
	background: #F6F6F6; padding:2px; font-weight:normal;
	border: 1px solid #B3B3B3; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:none;
	color: #949494; width:140px; 
}
#news div.newsletter input.ok{ border:0px; width:auto; background: #B3B3B3; color: #F6F6F6;
}
#footer { 
	height:57px; width:1000px; color:#A8A6C7; font-size: 9px; background:url(../img/logos/footer-slogon.gif) no-repeat 930px 0px; font-family:Arial, Helvetica, sans-serif; 
} 
#footer p { 
	padding-right:70px; padding-top:6px; text-align:right; float:right;
} 
/********************************************************** MENU **********************************************************/
 
#visuel #navcontainer {
		position:absolute; top:26px; left:336px;; z-index:2; width:660px; text-align:center; 
        font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
        background: #514B95;
        border-top: 1px solid #A7A3D3;
}

#navlist {
        list-style: none outside none;
        margin: 0;
        padding: 0;
}
 

#navlist li {
        bottom: 11px;
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
}

html>body #navlist li { 
        margin: 0 2px 0 0;
        padding: 4px 2px 4px 0;
}

#navlist a {
        background: #746FB1;
        border: 1px solid #A7A3D3;
        bottom: 2px;
        color: #FFF;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
}

#navlist a:hover {
        background: #423B88;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}

#navlist a:active {
        background: #221E4C;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

#navlist li#active {
        background: #369;
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

html>body #navlist li#active {
        background: #000;
        margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
        background: #369;
        border-bottom: none;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: text;
        margin: 0;
        padding: 2px 5px 0 5px;
        position: relative;
        right: 0;
}
/********************************************************** CONTENT **********************************************************/
#visuel .content div.visu-missions 
{width:650px; height:391px; background:url(../img/visuel/visu-about.jpg) no-repeat bottom right;}
#visuel .content div.visu-services 
{width:650px; height:391px;  }
#visuel .content div.visu-organisation 
{width:650px; height:391px;  }
#visuel .content div.visu-references 
{width:650px; height:391px;  background:url(../img/visuel/visu-references.jpg) no-repeat 330px 63px; }
#visuel .content div.visu-contact 
{ width:650px; height:391px; /*background:url(../img/visuel/visu-contact.jpg) no-repeat bottom right;*/
background:url(../img/graphs/mailbox-Blue.png) no-repeat 210px 140px; }
#visuel .content div.visu-ser1 
{ width:650px; height:391px; /*background:url(../img/visuel/visu-ser1.jpg) no-repeat bottom right;*/ }
#visuel .content div.visu-ser2 { 
width:650px; height:391px; /*background:url(../img/visuel/visu-ser2.jpg) no-repeat bottom right; */	}
#visuel .content div.visu-ser3 { 
width:650px; height:391px; /*background:url(../img/visuel/visu-ser3.jpg) no-repeat bottom right;*/  }
h2 {
	letter-spacing: -1px;
	font-size:30px;
	color:#A7A3D3; line-height:47px; padding-left:16px; padding-bottom:16px;
}
.content h4 {
	letter-spacing: -1px;
	font-size:14px; padding-left:16px; padding-bottom:6px;
}
#visuel #Layer1 p, #visuel #Layer2 p, #visuel #Layer3 p, #visuel #Layer4 p, #visuel #Layer5 p, #visuel #Layer6 p, #visuel #Layer7 p, #visuel #Layer8 p, #visuel #Layer9 p, #visuel #Layer10 p, #visuel #Layer11 p, #visuel #Layer12 p { margin:0; padding:0 16px 9px 16px;  text-align:justify;  
line-height:normal;  font-size:11px;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
}
#visuel #Layer1 p   { width:440px; text-align:left; 
}
#visuel #Layer6 p   {    
}  
. ul {
	margin: 0; padding:0;  
}
#visuel .content ul {  padding-left:38px; padding-bottom:7px; /*width:430px;*/
}
#visuel .content ul li{  
}
	
#Layer2 .linkser{ margin-top:14px; margin-left:26px;  width:180px; float:left;  
} 
#Layer2 .linkser p{ padding:0!important; margin:0!important; padding-bottom:7px!important;  
} 
#Layer5 div div{ width:202px; position:absolute; top:90px; left:380px; 
} 
#Layer5 div img{ border:1px solid #312B79; width:202px;
} 
#Layer5 div ul{ list-style:none; color:#746FB1; padding:0; margin:0; 
} 
#Layer5 div ul li{   color:#453E8B; padding-top:2px;  
}  
/********************************************************** visu gabarits **********************************************************/
.imgright { float:right; margin-left:10px; margin-right:10px; width:250px;
}  
/********************************************************** Btn Retour **********************************************************/
a.retour { background:url(../img/pictos/retour.png) no-repeat; padding-left:19px; line-height:15px; position:absolute; right:10px; bottom:10px; color:#2E5284; font-weight:bold; text-transform:capitalize; text-decoration:none; 	
}  
a.retour:hover { color:#FFF; 	
}  
a.lightbox { background:url(../img/pictos/lightbox.png) no-repeat; padding-left:19px; line-height:20	px; color:#302977; font-weight:bold; text-transform:capitalize;   	
}  
a.linknoline {  text-decoration:none; font-size:12px; 	
}  
a.lightbox:hover { color:#FFF; 	
} 
#news_full {    
} 
#news_full a.back { background:url(../img/pictos/retour.png) no-repeat; padding-left:19px; line-height:15px;   color:#2E5284; font-weight:bold; text-transform:capitalize; text-decoration:none; margin-left:270px;	 
} 
/********************************************************** References **********************************************************/

/*div.vignettes{  
}  
div.refs{ float:left; width:149px; height:95px; margin-bottom:8px; margin-left:10px;  
border:1px solid #302977; 
}  
div.refs a{ text-decoration:none;  
}  
div.refs a span{ display:block; width:100%; height:20px; line-height:20px; background:#746FB1; text-align:center; font-weight:bold; font-size:10px; border-bottom:1px solid #302977;
}  
div.refs a:hover span{  background:#4D478F;  
}  
div.refs a img{ width:149px; height:75px;
} */
ul.ulnostyle{ list-style:none;
}  
ul.ulnostyle li{ margin:5px;
}  

div.espert{float:left; width:300px; margin-left:10px;     
}
div.espert div{ display:none    
}
div.espert h4{ background-color:#8C86C6; border-bottom:#746FB1 1px solid; margin:0; padding:3px; margin-bottom:2px; padding-left:52px; line-height:18px; height:18px; cursor:pointer; background-repeat:no-repeat; background-position:left;
}
div.espert h4#ref1{ background-image:url(../img/works/ref1.jpg); 
} 
div.espert h4#ref2{ background-image:url(../img/works/ref2.jpg); 
} 
div.espert h4#ref3{ background-image:url(../img/works/ref3.jpg); 
} 
div.espert h4#ref4{ background-image:url(../img/works/ref4.jpg); 
} 
div.espert h4#ref5{ background-image:url(../img/works/ref5.jpg);  
} 
div.espert h4#ref6{ background-image:url(../img/works/ref6.jpg);  
} 
div.espert h4#ref7{ background-image:url(../img/works/ref7.jpg); 
} 
div.espert h4#ref8{ background-image:url(../img/works/ref8.jpg);  
} 
div.espert ul{ list-style:none; margin:0; padding:0; padding-left:0px; padding-bottom:0px; padding-left:2px!important; padding-bottom:15px!important;   
} 
div.espert ul a{ letter-spacing:0px;    
} 
div.espert ul ul{ position:absolute; top:63px; left:330px; width:300px; height:260px; padding-left:0px!important; 
} 
div.espert ul ul img{  width:300px; height:220px; 
} 
/********************************************************** References **********************************************************/
 
/********************************************************** portail client
 **********************************************************/
ul#commandes { list-style:none; padding:0; margin:0; margin-left:0; padding-left:0; float:right; border-bottom:2px dotted #746FB1;  }
ul#commandes li{ float:left;   }
ul#commandes a { padding:5px 5px 5px 20px;    }
ul#commandes a:hover {   color:#FFFFFF;     }
ul#commandes {}

ul#commandes a.new_folder { background:url(../img/icons/package_add.png) no-repeat 0px 50%;  } 
ul#commandes a.new_file { background:url(../img/icons/application_go.png) no-repeat 0px 50%;   } 
ul#commandes a.logout { background:url(../img/icons/delete.png) no-repeat 0px 50%;    } 


/********************************************************** DIVERS **********************************************************/
a.link_val{ font-weight:bold!important; font-size:13px; text-decoration:underline; } 
a.link_val:hover{ text-decoration:none  } 
/********************************************************** FIN **********************************************************/