/* 

ECEMA 2008 | © DELTA WEB http://www.delta-web.com



*/

/* POLICE 

@font-face {
	font-family: HelveticaCondensed;
	src: url('LTe50055.ttf');
}
@font-face {
	font-family: HelveticaCondensed;
	font-weight: bold;
	src: url('LTe50054.ttf');
}*/

body {
margin:0;
background:#f6f6f6 url(../images/bg_body.jpg) center top no-repeat;
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#1c2549;
line-height:16px;
}

img {
border:none;
}

p {
margin:10px 0 5px 0;
}

h1 {
margin:1em 0px;
/*font:bold 20px HelveticaCondensed, sans-serif;*/
font:bold 20px Arial, Helvetica, sans-serif;
color:#1c2549;
line-height:20px;
}

h2 {
margin:15px 0 5px 0;
/*font-family: HelveticaCondensed, sans-serif;*/
font:bold 16px Arial, Helvetica, sans-serif;
color:#1c2549;
letter-spacing:-1px;
}

h3 {
margin:10px 0 5px 0;
font:14px;
font-family: HelveticaCondensed, sans-serif;
color:#1c2549;
}

a {
color:#009ee0;
}

a:hover {
text-decoration:none;
}

ul {
margin:0 0 10px 0;
padding:0;
list-style:none;
}

li {
margin:0;
padding:0 0 0 10px;
background:url(../images/puce_li.gif) -4px 4px no-repeat;
}

dl {
margin:0 0 10px 0;
padding:0;
list-style:none;
}

dd {
margin:0;
padding:0 0 0 10px;
background:url(../images/puce_li.gif) -4px 4px no-repeat;
}


form {
margin:0;
padding:0;
}

input, textarea, select {
border:1px solid #ccc;
background:#fff;
font:12px Arial, Helvetica, sans-serif;
color:#333;
}

hr {
border:none;
background:#18a3cf;
color:18a3cf;
height:1px;
margin:10px 0;
}
hr.gris,
hr.gris2 {
border:none;
background:#f6f6f6;
color:f6f6f6;
height:1px;
margin:10px 0;
}
hr.gris2 {
background:#e8e8e8;

}

.alignRight {
text-align:right;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   :::::
   ::::: ID
   :::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/


/*
#global {
position:absolute;
width:944px;
left:50%;
margin:0 0 0 -472px;
background:url(../images/bg_global.jpg) left top repeat-y;
clear:both;
}*/
#global {
margin:0 auto;
width:944px;
background:url(../images/bg_global.jpg) left top repeat-y;
clear:both;;
padding-bottom:100px;
}

#header {
height:160px;
background:url(../images/bg_body.jpg) center top no-repeat;
clear:both;
}
.main {
clear:both;
width:944px;
margin:0 auto;
}

#logo {
position:absolute;
width:180px;
height:80px;
top:26px;
margin-left:20px;
background:url(../images/logo.jpg) no-repeat;
}
#logo img {
display:none;}
/* Colones principales
   --------------------------------------------------------------
*/

#colLeft {
float:left;
width:214px;
margin:1px 6px 0 7px;
clear:both;
}
* html #colLeft {
margin:1px 6px 0 3px;
}

#colRight {
float:left;
width:700px;
}

/* Visuels
   --------------------------------------------------------------
*/

.visu_acc {
background:url(../images/header_08.jpg) left top no-repeat;
margin:0;
padding:70px 0 0 348px;
height:250px;
}
.visu_acc p,
.visu_acc h1 {
margin:0px;
padding:0px;
color:#1c2549;

}
.visu_acc .bloc1,
.visu_acc .bloc2 {
background:#fff;
width:300px;
height:30px;
padding:20px;
margin-bottom:10px;
opacity:0.9;
}
.visu_acc .bloc2 {
width:300px;
height:106px;
}


.visu_interne {
height:200px;
overflow:hidden;
}

#visuel {
width:700px;
height:190px;
margin:0;
}

.visu_light {
height:100px;
overflow:hidden;
}

/* TITRE */

h2.bloc_titre {
background:#f6f6f6;
padding:15px;
margin:0;
}
h2.bloc_titre span{
font-size:14px;
font-weight:100;
font-style:normal;
}


/* BLOC ACCUEIL */

.bloc_acc {
background:url(../images/bloc_acc.jpg);
float:left;
width:340px;
height:165px;
margin:0 10px 10px 0;
color:#fff;
}

.bloc_acc h2 {
background: repeat-x;
} 

.bloc_acc h2 a {
display:block;
color:#fff;
text-decoration:none;
background:#fa7719 url(../images/bg_h1_acc.jpg) right top no-repeat;
margin:18px 0 18px 55px;
height:26px;
padding:0 20px 0px 20px;
line-height:26px;
width:150px;
}
.bloc_acc h2 a:hover {
padding-right:22px;

}

.bloc_acc p {
margin:18px 0 18px 75px;
} 

.bull_orange {
color:#fa7719;
}

.liste1 {
list-style:url(../images/puce_bleu.jpg)  5px;
}

.blocExergue {
padding:10px;
background:;
}

/* Footer
   --------------------------------------------------------------
*/

#footer {

clear:both;
background:#3eb0e6 url(../images/bg_footer.jpg) repeat-x;
height:59px;
border-bottom:5px solid #111937;
}

#footer a {
color:#152146;
text-decoration:none;
}

#footer .lien_footer {
background:#fff;
float:right;
padding:2px;
width:auto;
margin-top:30px;
margin-right:20px;
}

#footer .main {
clear:both;
width:944px;
margin:0 auto;
text-align:right;
}

.topOfPage {
display:block;
float:left;
margin:9px 50px 0 7px;
height:50px;
width:55px;
background:url(../images/top_of_page.jpg);
}
.facebook {
display:block;
float:left;
margin:9px 0px 0 0px;
height:50px;
width:55px;
background:url(../images/facebook.jpg);
}
.twitter {
display:block;
float:left;
margin:9px 0px 0 0px;
height:50px;
width:55px;
background:url(../images/twitter.jpg);
}
.topOfPage img,
.facebook img,
.twitter img {
display:none;
}

/*#footer a {
text-decoration:none;
color:#868787;
border-bottom:1px solid #868787;
}
#footer a:hover {
border:none;
}

#footer p {
margin:0;
width:680px;
text-align:center;
}

#footer a.color {
color:#eb690a;
border-bottom:1px solid #eb690a;
}

#footer a.color:hover {
border:none;
}

#footer img {
position:absolute;
margin:-5px 0 0 -30px;
}
*/

/* Colones contenu
   --------------------------------------------------------------
*/

#colCont01 {
/**/position:relative;
float:left;
width:460px;
min-height:200px;
background:#fff;
margin:-75px 0 0 0;
padding:0 20px 0 20px;
}

#colCont02 {
float:left;
width:180px; /* 200px */
padding:20px 10px 20px 10px;
background:url(../images/bg_col_2.gif) repeat-y;
}

#colCont03 {
position:relative;
float:left;
width:360px;
min-height:200px;
background:#fff;
margin:-75px 0 0 0;
padding:0 20px 0 20px;
}

#colCont04 {
float:left;
width:280px; /* 300px */
padding:20px 10px 20px 10px;
background:#f5f6f6 url(../images/bg_col_2.gif) repeat-y;
}

#colCont05 {
position:relative;
float:left;
width:310px; /* 350px */
min-height:200px;
background:#fff;
margin:-75px 0 0 0;
padding:0 20px 0 20px;
}

#colCont06 {
float:left;
width:310px; /* 350px */
padding:20px;
background:url(../images/bg_col_3.gif) repeat-y;
/*border-bottom:1px solid #f5f6f6;*/
}

#colCont07 {
position:relative;
float:left;
width:610px;
min-height:200px;
background:#fff;
margin:-75px 0 0 0;
padding:0 20px 0 20px;
}
#listCertif{
width:450px;
float:left;
}
#logoCertif{
float:left;
margin:-15px 0 -15px 0;
}

#colAccueil {
position:relative;
float:left;
width:610px;
min-height:200px;
background:#fff;
margin:10px 0 0 0;
padding:0 20px 0 20px;
}


/* Nav
   --------------------------------------------------------------
*/

#nav {
list-style:none;
/*margin:0 0 50px 0;*/
margin:0 0 10px 0;
padding:0;
background:#fff;
}

#nav li {
margin:0;
padding:0;
background:none;
}

#nav li a {
display:block;
font:bold 12px HelveticaCondensed, sans-serif;
text-transform:uppercase;
color:#192348;
background-position:0 0;
text-indent:20px;
text-decoration:none;
width:100%;
line-height:32px;
background:url(../images/bg_btn_left.jpg) 0 -64px no-repeat;
}

#nav li a:hover {
background:url(../images/bg_btn_left.jpg) 0 -32px no-repeat;
}

#nav li.selected a {
background:url(../images/bg_btn_left.jpg) 0 0 no-repeat;
color:#fff;
cursor:default;
}
#nav li#bt10 a {
background:url(../images/bg_btn_actu.jpg) top;
color:#fff;
}
#nav li#bt10 a:hover {
background:url(../images/bg_btn_actu.jpg) 0 -32px ;
color:#fff;
}
/*
#nav li#bt0 a {
background-image:url(../images/bt0.gif);
}
#nav li#bt1 a {
background-image:url(../images/bt1.gif);
}
#nav li#bt2 a {
background-image:url(../images/bt2.gif);
}
#nav li#bt3 a {
background-image:url(../images/bt3.gif);
}
#nav li#bt4 a {
background-image:url(../images/bt4.gif);
}
#nav li#bt5 a {
background-image:url(../images/bt5.gif);
}
#nav li#bt6 a {
background-image:url(../images/bt6.gif);
}
#nav li#bt7 a {
background-image:url(../images/bt7.gif);
}
#nav li#bt8 a {
background-image:url(../images/bt8.gif);
}
#nav li#bt9 a {
background-image:url(../images/bt9.gif);
}*/

/* Sous menu principaux
   --------------------------------------------------------------
*/

#nav li ul.subNav {
list-style:none;
margin:0;
padding:0;
overflow:hidden;
}

#nav li ul.subNav li {
margin:0;
padding:0;
}

#nav li#bt0 ul.subNav li a,
#nav li#bt1 ul.subNav li a,
#nav li#bt2 ul.subNav li a,
#nav li#bt3 ul.subNav li a,
#nav li#bt4 ul.subNav li a,
#nav li#bt5 ul.subNav li a,
#nav li#bt6 ul.subNav li a,
#nav li#bt7 ul.subNav li a,
#nav li#bt8 ul.subNav li a,
#nav li#bt9 ul.subNav li a {
background:url(../images/bg_sub_nav_bt.gif) 15px 9px no-repeat;
display:block;
/*font:11px Arial, Helvetica, sans-serif;*/
font-size:11px;
text-transform:none;
color:#fa7719;
width:100%;
line-height:22px;
text-indent:25px;
}

#nav li#bt0 ul.subNav li a:hover,
#nav li#bt1 ul.subNav li a:hover,
#nav li#bt2 ul.subNav li a:hover,
#nav li#bt3 ul.subNav li a:hover,
#nav li#bt4 ul.subNav li a:hover,
#nav li#bt5 ul.subNav li a:hover,
#nav li#bt6 ul.subNav li a:hover,
#nav li#bt7 ul.subNav li a:hover,
#nav li#bt8 ul.subNav li a:hover,
#nav li#bt9 ul.subNav li a:hover {
color:#18a3cf;
background:#f6f6f6;
}

#nav li#bt0 ul.subNav li.selected a,
#nav li#bt1 ul.subNav li.selected a,
#nav li#bt2 ul.subNav li.selected a,
#nav li#bt3 ul.subNav li.selected a,
#nav li#bt4 ul.subNav li.selected a,
#nav li#bt5 ul.subNav li.selected a,
#nav li#bt6 ul.subNav li.selected a,
#nav li#bt7 ul.subNav li.selected a,
#nav li#bt8 ul.subNav li.selected a,
#nav li#bt9 ul.subNav li.selected a {
color:#fff;
background:#fa7719;
cursor:default;
}



/* Menu secondaire
   --------------------------------------------------------------
*/

#navSec {
position:absolute;
top:111px;
margin:0;
margin-left:227px;
list-style:none;
padding:0;
/*background:url(../images/bg_nav_sec.gif) no-repeat;*/
width:700px;
height:50px;
background:#fff;
}

#navSec li {
float:left;
margin:0;
padding:0;
background:none;
}

#navSec li a {
display:block;
font:bold 13px HelveticaCondensed, sans-serif;
text-transform:uppercase;
color:#192348;
line-height:13px;
text-decoration:none;
background:url(../images/bg_btn_top.jpg) -30px -100px no-repeat;
width:130px;
height:36px;
padding-top:14px;
padding-left:10px;
/*padding:25px 10px 0 5px;*/
}

#navSec li a:hover {
background:url(../images/bg_btn_top.jpg) -30px -50px no-repeat;
}

#navSec li.selected a {
color:#fff;
background:url(../images/bg_btn_top.jpg) -30px 0px no-repeat;
cursor:default;
}
/*
#navSec li#bt4 a {
background-image:url(../images/bg_bt_navsec_end.gif);
}*/

/* Home page
   --------------------------------------------------------------
*/

#colContHOME {
position:relative;
float:left;
width:480px;
min-height:200px;
background:#fff;
margin:-109px 0 0 0;
padding:0 0 0 20px;
}

#colContHOME .blocCont01 {
background:#e75d08 url(../images/bg_blochome_01.gif) repeat-x;
padding:10px;
color:#fff;
height:120px;
}
#colContHOME .blocCont01 h1 {
border:none;
margin:0 0 10px 0;
padding:0;
color:#fff;
}
#colContHOME .blocCont01 h2 {
color:#fff;
}
#colContHOME .blocCont01 p {
float:left;
width:240px;
margin:0;
}
#colContHOME .blocCont01 .blocFloat {
float:left;
width:200px;
padding:0 20px 0 0;
}

#colContHOME .blocCont02 {
background:#fff;
border:none;
padding:20px 0 0 20px;
margin:0;
}
#colContHOME .blocCont02 .blocFloat, 
#colContHOME .blocCont02 .blocFloat2 {
float:left;
background:#009ee0;
width:215px;
height:140px;
margin:10px 10px 0 0;
color:#fff;
line-height:12px;
}
#colContHOME .blocCont02 .blocFloat2 {
margin:10px 0 0 0;
}
#colContHOME .blocCont02 .blocFloat h3,
#colContHOME .blocCont02 .blocFloat2 h3 {
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 5px 0;
padding:10px 10px 10px 30px;
background:#0086d5 url(../images/puce_bloc_home.gif) 5px 6px no-repeat;
letter-spacing:0;
}
#colContHOME .blocCont02 .blocFloat p,
#colContHOME .blocCont02 .blocFloat2 p {
margin:5px 10px 5px 10px;
}
#colContHOME .blocCont02 .blocFloat a,
#colContHOME .blocCont02 .blocFloat2 a {
color:#fff;
}

#colContACTU {
overflow:auto;
float:left;
width:200px; /* 200px */
height:540px;
background:url(../images/bg_col_2.gif) repeat-y;
}
#colContACTU h2 {
display:block;
background:url(../images/bg_h2_actu.gif);
color:#fff;
padding:20px 0 0 10px;
height:20px; /* 40px */
margin:0;
}
#colContACTU .blocActu {
padding:10px;
border-bottom:1px solid #eceded;
}
#colContACTU .blocActu h3 em {
display:block;
font-style:normal;
font-size:11px;
font-weight:100;
}
#colContACTU .blocActu p {
color:#8a90a2;
}

/* Sous menu
   --------------------------------------------------------------
*/

#subMenu {
list-style:none;
margin:20px 0 20px 0;
padding:0;
height:38px;
}

#subMenu li {
float:left;
margin:0;
padding:0;
/*background:#f5f6f6 url(../images/puce_li.gif) 5px 17px no-repeat;*/
background:none;
}

#subMenu li a {
display:block;
width:130px;
padding:10px;
border:1px solid #f5f6f6;
border-bottom:1px solid #ccc;
text-decoration:none;
background:none;
color:#8e8f91;
}

#subMenu li a:hover {
border:1px solid #ccc;
border-bottom:1px solid #fff;
color:#eb690a;
background:#fff;
}

#subMenu li a.selected {
border:1px solid #ccc;
border-bottom:1px solid #fff;
color:#eb690a;
background:#fff;
cursor:default;
}

/* Menu bloc horizontal
   --------------------------------------------------------------
*/

#menuBH {
list-style:none;
margin:0 0 20px 0;
padding:0;
height:50px;
text-align:center;
}

#menuBH li {
float:left;
margin:0;
padding:0;
background:#f5f6f6;

}

#menuBH li a {
display:block;
width:120px;
padding:10px;
margin:0 5px 0 5px;
border:1px solid #ccc;
text-decoration:none;
}

#menuBH li a:hover {
color:#eb690a;
border:1px solid #aaa;
}

#menuBH li a.selected {
color:#eb690a;
background:#fff;
cursor:default;
}

/* Integration GMAP
   --------------------------------------------------------------
*/

#planAcces {
width:310px;
height:350px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   :::::
   ::::: CLASS
   :::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

.clearBoth {
clear:both;
}

.floatLeft {
float:left;
}

.floatRight {
float:right;
}

.floatLeftIMG {
float:left;
margin:0 10px 10px 0;
}

.alignCenter {
text-align:center;
}

.noBorder {
border:none;
}

.sep {
border-bottom:1px solid #d7d9d9;
margin:10px 0 20px 0;
}

.guillTem {
color:#eb690a;
font:bold 18px Arial, Helvetica, sans-serif;
}

.guillTem2 {
color:#eb690a;
font:bold 14px Arial, Helvetica, sans-serif;
}

/* Blocs prestation texte colone
   --------------------------------------------------------------
*/

.blocColoneX2, .blocColoneX3, .blocColoneX4 {
float:left;

width:50%;
}

.blocColoneX3 {
width:33%;
}

.blocColoneX4 {
width:25%;
}

.blocColoneX2 h2, .blocColoneX3 h2, .blocColoneX4 h2 {
margin-top:0;
}

/* Blocs contenu
   --------------------------------------------------------------
*/

.blocCont01 {
padding:10px 20px 20px 20px;
border-bottom:1px solid #d7d9d9;
}

.blocCont01Contact {
padding:10px 20px 20px 15px;
border-bottom:1px solid #d7d9d9;
}

.blocCont02, .blocCont03 {
margin:0 10px 10px 0px;
padding:10px;
background:#f6f6f6;
border:1px solid #e8e8e8;
}

.blocCont03 {
background:#e8e8e8;
border:none;
}

.blocCont02 h2, .blocCont03 h2 {
margin-top:0;
}
.blocCont02 ul, .blocCont03 ul{
margin:0;
}
.blocCont02{
overflow:auto;
}

.blocContEquipe {
margin:0 0 0 10px;
padding:10px;
background:#f6f6f6;
height:265px;
}
.blocCont04 {
margin:0 10px 10px 0px;
padding:10px;
border:1px solid #e8e8e8;
background:#f6f6f6;
height:170px;
}
.blocCont04_bis {
margin:0 10px 10px 0px;
padding:10px;
border:1px solid #e8e8e8;
background:#f6f6f6;
height:150px;
}
.blocCont04_bisbis {
margin:0 10px 10px 0px;
padding:10px;
border:1px solid #e8e8e8;
background:#f6f6f6;
height:120px;
}
.blocCont05 {
margin:0 10px 10px 0px;
padding:10px;
border:1px solid #e8e8e8;
background:#f6f6f6;
height:190px;
}
/* Liste des visuels
   --------------------------------------------------------------
*/

.visu01 {
background:#eaeaea url(../photos2/presentation.jpg) no-repeat;
}

.visu02 {
background:#eaeaea url(../photos2/equipe.jpg) no-repeat;
}

.visu03 {
background:#eaeaea url(../photos2/alternance.jpg) no-repeat;
}

.visu04 {
/*background:#eaeaea url(../photos2/visu4.jpg) no-repeat;*/
background:#eaeaea url(../photos2/baniere_14.jpg) no-repeat;
}

.visu05 {
background:#eaeaea url(../photos2/visu5.jpg) no-repeat;
}

.visu06 {
/*background:#eaeaea url(../photos2/visu6.jpg) no-repeat;*/
background:#eaeaea url(../photos2/baniere_15.jpg) no-repeat;
}

.visu07 {
background:#eaeaea url(../photos2/visu7.jpg) no-repeat;
}

.visu08 {
background:#eaeaea url(../photos2/baniere_08.jpg) no-repeat;
}
.visu09 {
background:#eaeaea url(../photos2/baniere_09.jpg) no-repeat;
}
.visu10 {
background:#eaeaea url(../photos2/baniere_23.jpg) no-repeat;
}
.visu11 {
background:#eaeaea url(../photos2/baniere_11.jpg) no-repeat;
}
.visu12 {
background:#eaeaea url(../photos2/baniere_12.jpg) no-repeat;
}
.visu13 {
background:#eaeaea url(../photos2/baniere_21.jpg) no-repeat;
}
.visu16 {
background:#eaeaea url(../photos2/baniere_16.jpg) no-repeat;
}
.visu17 {
background:#eaeaea url(../photos2/baniere_17.jpg) no-repeat;
}
.visu18 {
background:#eaeaea url(../photos2/baniere_18.jpg) no-repeat;
}
.visu19 {
background:#eaeaea url(../photos2/baniere_19.jpg) no-repeat;
}
.visu20 {
background:#eaeaea url(../photos2/baniere_20.jpg) no-repeat;
}
.visu22 {
background:#eaeaea url(../photos2/baniere_22.jpg) no-repeat;
}
.visu24 {
background:#eaeaea url(../photos2/baniere_24.jpg) no-repeat;
}
.visu25 {
background:#eaeaea url(../photos2/baniere_25.jpg) no-repeat;
}
.visu26 {
background:#eaeaea url(../photos2/baniere_26.jpg) no-repeat;
}
.visu27 {
background:#eaeaea url(../photos2/baniere_27.jpg) no-repeat;
}


/* Gros blocs
   --------------------------------------------------------------
*/
.grosbloc {
display:block;
padding:20px 10px 20px 10px;
margin:0 10px 0px 0;
font-size:12px;
font-weight:bold;
color:#009ee0;
background:#d6effa;
border:1px solid #d9f1fa;
}

/* Tableaux
   --------------------------------------------------------------
*/
.tab01 {
border-top:1px solid #ccc;
border-left:1px solid #ccc;
margin:10px 0 5px 0;
}
.tab01 td {
padding:5px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
.tab01 thead td {
border-bottom:4px solid #ccc;
font-weight:bold;
background:#f5f6f6;
}
.tab01 td.tdBG {
background:#f5f6f6;
}

.tab02 td {
padding:5px;
}
.tab02 tfoot td {
padding:5px;
border:none;
}
.tab02 table td {
border:none;
}

/* --- MESSAGE ERREUR SAISIE FORMULAIRE --- */

.erreur_form {
font:12px Arial, Helvetica, sans-serif;
font-weight: bold ;
color:red;
}

/* --- Titre FAQ (car cuffon supprimme les apostrophes) --- */

.faq {
margin:15px 0 5px 0;
/*font-family: Arial, Helvetica, sans-serif;*/
font:bold 16px Arial, Helvetica, sans-serif;
color:#1c2549;
letter-spacing:-1px;
}
