/*####################################################################################################*/
/*                                                                                                    */
/*                                          SOROME GEMMA SCREEN CSS                                           */
/*                                             ACTi 2008                                              */
/*                                                                                                    */
/*####################################################################################################*/

body{ text-align: center; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; background:url(images/fd_header.gif) repeat-x #D8DDDA;}
	
.myhr{ clear:both; visibility:hidden; overflow:hidden; height:0px; }
form{ margin:0px; padding:0px; }
img{ border:none; }

a:link, a:active, a:visited { text-decoration:underline;}
a:hover{ text-decoration:none;}

/*############################################## CSS OVERALL ########################################*/
div#container{ width:955px; margin:0px auto 0px auto; }
div#content_global{width:930px; background:#FFFFFF url(images/fd_nav.gif) repeat-y; padding:0px; margin-left:8px; float:left}

/*############################################## CSS header ########################################*/
div#container.fr div#header{ background: url(images/header.jpg) top right no-repeat; width:945px; height:130px; float:left; margin-left:-2px; }
div#container.en div#header{ background: url(images/header_en.jpg) top right no-repeat; width:945px; height:130px; float:left; margin-left:-2px; }
div#header h2{text-indent:-9000em;}


div#logo{background: url(images/logo.gif) top left no-repeat; width:203px; height:130px; float:left; margin-left:20px; }
div#logo a{background: url(images/logo.gif) top left no-repeat; width:203px; height:130px; float:left;}
div#logo a:hover{background: url(images/logo-retour.gif) top left no-repeat; width:203px; height:130px; float:left; }

div#logo h1{text-indent:-9000em;margin:0px;}
div#logo h1 invisible{}

/*############################################## CSS colonne_gauche ########################################*/
div#colonne_gauche {float:left; }
div#colonne_gauche #logo_qualites{width:203px; margin-left:10px; margin-top:30px; float:left;}


div#menu {width:203px; position:relative; z-index:9999; padding:0px; margin:0px; text-transform:uppercase; }
div#menu ul {padding-left:0px; margin:40px 0 0 0; padding:0px; list-style:none; }
div#menu ul li { color:#FFFFFF; margin-left:10px; margin-top:3px; font-size:1.1em; text-align:left;}
div#menu ul li ul {padding-left:0px; margin:8px 0px 0px 0; padding:0px; list-style:none; }

div#menu ul li ul li a:hover, div#menu ul li ul li a, div#menu ul li.marges.fr ul li a:hover{ background:none; }


div#menu ul li ul li a:link, div#menu ul li ul li a:visited, div#menu ul li.actif ul li, div#menu ul li ul li a:link, div#menu ul li ul li a:visited, div#menu ul li.marges.fr ul li a:link, div#menu ul li.marges.fr ul li a:visited  { background:none; color:#3278B2; text-transform:none; font-weight:bold; font-size:0.9em; width:auto; padding:0px 2px 10px 2px; height:auto; }

div#menu ul li ul li a:hover, div#menu ul li ul li a.actif, div#menu ul li.marges.fr ul li a:hover, div#menu ul li.marges.fr ul li a.actif { color:#324757; }


div#menu ul li ul li a:hover, div#menu ul li ul li, div#menu ul li.marges.fr ul li a:hover, div#menu ul li.actif ul li {background:none; }



div#menu ul li a:link, div#menu ul li a:visited {
background:url(images/main_nav.gif) 0px 0px no-repeat;
width:203px;
color:#FFFFFF;
display:block;
height:22px;
padding-left:10px;
padding-top:10px;
text-decoration:none;

}
div#menu ul li.marges.fr a:link, div#menu ul li.marges.fr a:visited {
background:url(images/main_nav.gif) 0px 0px no-repeat;
width:203px;
color:#FFFFFF;
display:block;
height:30px;
padding-left:10px;
padding-top:2px;
text-decoration:none;
}


div#menu ul li a:hover, div#menu ul li.marges.fr a:hover {background:url(images/main_nav.gif) 0px -32px no-repeat; text-decoration:none;}


div#menu ul li a.actif{color:#FFFFFF; height:32px; margin-top:3px;text-align:left;}

div#menu ul li a:link, div#menu ul li a:visited, div#menu ul li.actif{
background:url(images/main_nav.gif) 0px 0px no-repeat;
width:203px;
color:#FFFFFF;
display:block;
height:22px;
padding-left:10px;
padding-top:10px;
text-decoration:none;

}
div#menu ul li.marges.fr a:link, div#menu ul li.marges.fr a:visited{
background:url(images/main_nav.gif) 0px 0px no-repeat;
width:203px;
color:#FFFFFF;
display:block;
height:30px;
padding-left:10px;
padding-top:2px;
text-decoration:none;

}

div#menu ul li a:hover, div#menu ul li, div#menu ul li.marges.fr a:hover, div#menu ul li a.actif, div#menu ul li.marges.fr a.actif{background:url(images/main_nav.gif) 0px -32px no-repeat; text-decoration:none;
}
/*############################################## CSS colonne_centrale ########################################*/


div#colonne_centrale {width:466px; float:left; margin-top:16px; margin-left:0px; padding:0px; background:url(images/fd_grille.gif) repeat-y; }

div#container.fr div#version_site{width:118px; height:19px; float:right;}
div#container.fr div#version_site a {background:url(images/btn_en.gif); width:118px; height:19px; text-indent:-9000em; display:block; }

div#container.en div#version_site{width:118px; height:19px; float:right;}
div#container.en div#version_site a {background:url(images/btn_fr.gif); width:118px; height:19px; text-indent:-9000em; display:block; }

div#diaporama {width:440px; height:116px; margin:23px 0px 0px 10px; border:solid 1px #CCCCCC; background-color:#FFFFFF; padding:6px 6px 26px 6px;}
div#diaporama p.puce{background:url(images/fleche-droite.gif) 0px 1px no-repeat; padding-left:10px; margin-left:20px; text-align:left;  }

div#content_presentation{ background: url(images/fd-bienvenue.gif) no-repeat; width:449px; margin:23px 0px 0px 10px; }
div#content_presentation h3{ background:url(images/puce_h4.gif) 1px 14px no-repeat; text-align:left; border-bottom:solid 1px #4BB03C; padding:23px 5px 5px 29px; margin: 0px 15px 0px 16px ;color:#4BB03C; font-size:1.1em;}
div#content_presentation p{text-align: justify; margin-left:17px; margin-right:15px;}
div#content_presentation hr{ border-left:0px; border-right:0px; border-top:0px; border-bottom:solid 1px #CCCCCC;margin-left:17px; margin-right:15px; width:409px; }

div#content_presentation ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin:0px;
padding:2px;
color:#324757;
text-align:justify;
}

div#content_presentation ul li a{color:#4BB03C; font-weight:bold;}
div#content_presentation ul li a{text-decoration:underline; color:#4BB03C; font-weight:bold;}
div#content_presentation ul li a:hover{text-decoration:none; color:#324757;}

div#content_presentation p.en_savoir_plus{ margin-left:0px;list-style:none; color:#4BB03C; font-weight:bold; padding-left:25px;}
div#content_presentation p.en_savoir_plus a{ padding-left:15px; color:#4BB03C; list-style:none; font-weight:bold; background:url(images/fleche-droite.gif) left center no-repeat;}
div#content_presentation p.en_savoir_plus a:hover{text-decoration:none; color:#324757;font-weight:bold;}

div#mots-cles{width:447px; text-align:center; margin-left:10px;}
div#mots-cles ul {margin-right:15px;}
div#mots-cles ul li{display:inline; list-style:none; color:#3278b2; margin:0px; padding-left:10px; background:url(images/puce_mots-cles.gif) left center no-repeat; margin:0px 0px 0px 0px; font-weight: bold;}
div#mots-cles ul li a, #content #mots-cles a:visited{display:inline; text-decoration: none; color:#3278b2;font-weight:bold;}
div#mots-cles ul li a:hover{text-decoration:none;color:#324757;}

/*############################################## CSS page_interieur ########################################*/

div#colonne_centrale_int{width:446px; margin-top:16px; margin:23px 10px 0px 10px; text-align: justify; float:left; color:#324757} 

div#colonne_centrale_int a {text-decoration: underline; color:#4BB03C; font-weight:bold;}
div#colonne_centrale_int a:hover {text-decoration: none; color:#324757;}

div#colonne_centrale_int ul li{ padding:2px; margin:0px; list-style:square;}
div#colonne_centrale_int #en_savoir_plus ul li { list-style:none; }
div#colonne_centrale_int #en_savoir_plus ul li a:link, div#en_savoir_plus a:visited {color:#4BB03C; list-style:none;font-weight:bold;text-decoration:underline;}
div#colonne_centrale_int #en_savoir_plus ul li a:hover{text-decoration:none;}

div#colonne_centrale_int h4{ background:url(images/puce_h4.gif) top left no-repeat; text-align:left; text-transform:uppercase; border-bottom:solid 1px #4BB03C; margin:20px 5px 0px 5px; padding:8px 0px 5px 30px; color:#4BB03C; font-size:1.1em; }

.encadre{border:1px dashed #3278b2;padding:7px; margin-left:5px; margin-right:5px;color:#3278b2;}

div#colonne_centrale_int h5 {border-bottom:solid 1px #3278b2;font-size:1.1em; padding:5px 5px 5px 8px; margin: 5px 5px 0px 5px; background-color: #F5F6F5; color:#3278b2;}

.puce_int{list-style:square; }

div#container.en div#version_site_int{width:437px; height:19px; float:right;  margin-right:5px;  border-bottom:solid 1px #3278b2;padding-left:0px;}
div#container.en div#version_site_int a {background:url(images/btn_fr.gif) no-repeat right top; width:437; height:19px; text-indent:-9000em; display:block;  }

div#container.fr div#version_site_int{width:437px; height:19px; float:right;  margin-right:5px;  border-bottom:solid 1px #3278b2;padding-left:0px;}
div#container.fr div#version_site_int a {background:url(images/btn_en.gif) no-repeat right top; width:437; height:19px; text-indent:-9000em; display:block;  }

div#colonne_droite {width:241px; float:left; margin-left:0px; padding-top:12px; }
div#colonne_droite_int{width:241px; float:left; margin-top:10px;}
div#colonne_droite_int #diaporama_int{ background:url(images/fd-diapo_int.gif) no-repeat top right; padding:4px 4px 0px 14px; margin-top:45px; height:240px; }
div#container.fr div#colonne_droite_int #diaporama_int h3{background:url(images/tit-diaporama_int-fr.gif) no-repeat; width:190px; height:24px; text-indent:-9000em; margin-left:17px; margin-top:10px;}
div#colonne_droite_int #diaporama_int p{margin-right:14px; text-align:justify;}
div#colonne_droite_int #diaporama_int p.puce{background:url(images/fleche-droite.gif) 0px 1px no-repeat; padding-left:10px; margin-left:20px; text-align:left; font-weight:bold; color:#3278b2; display:block;}

div#container.en div#colonne_droite_int #diaporama_int h3{background:url(images/tit-diaporama_int-en.gif) no-repeat; width:190px; height:24px; text-indent:-9000em; margin-left:17px; margin-top:10px;}


table { border-left:1px solid #3278b2;border-top:1px solid #3278b2;}
table td { border-bottom:1px solid #3278b2; border-right:1px solid #3278b2; padding:5px;  }
td.entete-tableau-gris-clair {background-color:#F5F6F5; font-size:1em; color:#324757;font-weight:bold; text-align:left; text-transform:uppercase;}

.tableau-mise-avant {color:#3278b2; background-color:#F5F6F5; font-weight:bold; font-size:1em}
table p {padding:0px; margin:0px; text-align:left;}
.table_puce{ background-image:url(images/fleche-droite.gif)no-repeat;}

div#colonne_centrale_int #back2top{margin:0px 0px 10px 0px; padding-top:30px; float:left; }
div#colonne_centrale_int #back2top a:link, div#back2top a:visited, div#back2top a:hover{ color:#777; padding:0px 0px 0px 15px; font-size:0.8em; background:url(images/back2top.gif) left no-repeat; text-decoration:none; }

div#colonne_centrale_int #ariane {font-size: 0.9em;text-align:right;color:#3278b2; float:right; margin-top:0px; }
div#colonne_centrale_int #ariane a:link, div#ariane a:visited, div#ariane a:active{text-decoration: none; color:#3278b2 ; padding:0px 5px 0px 5px; }
div#colonne_centrale_int #ariane a:hover,{text-decoration: none; color:#324757; padding:0px 5px 0px 5px; }
div#colonne_centrale_int #ariane a:.actif{ color:#3278b2;padding:0px 5px 0px 5px;text-decoration: underline;}

div#services{margin-left:3px; margin-top: 15px;width:90px;}
/*############################################## CSS colonne_droite ########################################*/

div#colonne_droite {width:241px; float:left; margin:0px; padding-top:12px; }

div#container div#colonne_droite div#diaporama_clients{background:url(images/fd-clients.gif) no-repeat top right; padding:4px 4px 0px 27px; margin:0px 0px 0px 0px; height:240px; }
div#container.fr div#colonne_droite div#diaporama_clients h3{background:url(images/tit-clients.gif) no-repeat; width:195px; height:24px; text-indent:-9000em; }
div#container.en div#colonne_droite div#diaporama_clients h3{background:url(images/tit-clients_en.gif) no-repeat; width:195px; height:24px; text-indent:-9000em; }


div#container div#colonne_droite_int div#diaporama_clients{ padding:4px 4px 0px 27px; margin:0px 0px 0px 0px; height:240px;  }
div#container div#colonne_droite_int div#diaporama_clients h3{ width:195px; height:24px; text-indent:-9000em; }

div#container.en div#colonne_droite_int div#diaporama_clients{background:url(images/fd-clients.gif) no-repeat top right;  }
div#container.en div#colonne_droite_int div#diaporama_clients h3{background:url(images/tit-clients_en.gif) no-repeat;  }


div#container.fr div#colonne_droite_int div#diaporama_clients{background:url(images/fd-clients.gif) no-repeat top right; }
div#container.fr div#colonne_droite_int div#diaporama_clients h3{background:url(images/tit-clients.gif) no-repeat; }



/*############################################## CSS footer ########################################*/


div#container #footer{width:938px; background: url(images/fond_footer.gif) top left no-repeat ; padding-top:0px; float:left}

div#footer #acces_divers ul{text-align:left; margin-top:8px; margin-left:-30px; font-weight:normal; }
div#footer #acces_divers ul li{ display:inline; text-decoration:none;float:left; margin-left:0px; padding:0px 5px 0px 8px; background: url(images/separateur-nav.gif) right 1px no-repeat; font-weight:normal}
div#footer #acces_divers ul li a{ color:#314858; text-decoration:none; padding:0px; font-weight:normal; }
div#footer #acces_divers ul li a:hover{ text-decoration:none; color:#3176AF; font-weight:normal;}

div#footer #acces_divers .no_separateur{display:inline; text-decoration:none;float:left; margin-left:0px; padding:0px 5px 0px 8px; background:none;}


div#footer #droits{float:right;margin-top:-15px;}
div#footer #droits p a:link, div#droits a:visited{ color:#314858; text-decoration:none; font-weight:normal; padding:4px;  }
div#footer #droits p a:hover{ text-decoration:none; color:#3176AF; font-weight:normal; padding:4px;}

ul#portfolio, ul#portfolio_sorome{ list-style:none; margin:0px; padding:0px; float:left; }
ul#portfolio li, ul#portfolio_sorome li { display:none; }
ul#portfolio_sorome img { padding:0px 0px 0px 15px; }

/*############################################## SLIDER ########################################*/
/* slider styles [ begin ] */
#diaporama .fl { float: left; display: inline; }
#diaporama.news_slider {clear:both;	position: relative;	width: 440px; height:140px; overflow: hidden; }
#diaporama.news_slider .prev, #diaporama.news_slider .next { position: absolute; top:151px; display: none; margin:0px 2px 0px 2px }
#diaporama.news_slider .next { right: -1px; }
#diaporama.news_slider .prev { right: 443px; }
#diaporama.news_slider .news_items { position: relative; width: 440px; overflow: hidden; }
#diaporama.news_slider .news_items .view_all { display:none; }
#diaporama.news_slider .news_items .container { position: relative; top: 0; left: 0;   }
#diaporama.news_slider .news_items .container .item { width:440px; text-align:center; font-weight:bold; color: #3278b2; }
#diaporama.news_slider img {}
/* slider styles [ end ] */