<!--

/*--------------------------------------------------------------------------
 Body et conteneur principal
 --------------------------------------------------------------------------*/
* {
/**/
margin:0px;
padding:0px;
border:0px;
background-color: transparent;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 11px;
text-indent:0px;
word-spacing:1px;/**/
}

body {
/*background-color: #e8eae8;*/
text-align: center;
margin-top:2px;
/*background: #6AA2E7 url(../images/fond-bleu.jpg) repeat-x top;*/
/*background-color: #f0f0f0;
background-color: #d0ddf0;
background: url(../images/background_carre3.png) repeat;*/
background:#feffef url(../images/bg/bg2.jpg) repeat-x scroll left top;
}

#bg {
background:transparent url(../images/bg/wrap_bg2.jpg) no-repeat scroll center top;
width: 100%;
text-align:center;
}

#contenu {
background-color: #fff;
margin-left: auto;
margin-right: auto;
width: 777px;
text-align: left;
/*height:500px;*/
overflow:hidden;
border-left: 1px solid #f1f1f1;
}

.gros {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 13px;
}

p {
margin-left:0px;
margin-top:15px;
text-indent:0px;
line-height:15px;/**/
}

span {
text-indent:0px;
}

/*--------------------------------------------------------------------------
 Liens de base
 --------------------------------------------------------------------------

a:link {
color: #696; 
text-decoration: none; 
background-color: transparent 
}
a:visited { 
color: #699; 
text-decoration: none; 
background-color: transparent 
}
a:hover { 
color: #c93; 
text-decoration: underline; 
background-color: transparent 
}
a:active { 
color: #900; 
text-decoration: underline; 
background-color: transparent 
}*/

/*--------------------------------------------------------------------------
 Menu supérieur
 --------------------------------------------------------------------------*/
 
#menu_top {
width:777px;
/*padding-left:6px;*/
height:23px;
/*background-color: #000;
background-color: #486db5;*/
background: transparent url(../images/fond-menu.png);
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: none;
border-right: none;
line-height: 25px;
/*text-indent: 6px;
font-weight: bold;*/
color: #fff;
font-size: 11px;
/*word-spacing:6px;*
z-index:100;
/*padding-left: 5px;*/
}

#menu_top a, #menu_top a:visited {
padding-top:6px;
padding-bottom:3px;
padding-left:23px;
padding-right:23px;
color: #fff; 
text-decoration: none;
font-size:11px;
font-weight:bold;/**/
border-left: solid 1px #f1f1f1;
/*font-variant:small-caps*/
}

#menu_top a:hover {
color: #fff; 
text-decoration: none;
background-color: #ff0000;
}



/*--------------------------------------------------------------------------
 Colonnes
 --------------------------------------------------------------------------*/
 
#col_left, #col_centre, #col_right, #col_centre_right, #col_right_without_border{
background-color: inherit;
float:left;
/*le truc suivant pour avoir des colonnes de longueur égale (en conjonction avec "overflow:hidden" de "contenu"
...avec aussi un filtre pour IE5 mac*/
/* Start Mac IE5 filter \*/
padding-bottom: 32767px;
margin-bottom: -32767px; 
/* End Mac IE5 filter */
}
/* la même chose qui fixe un bug d'Opera 8.xx*/
@media all and (min-width: 0px) {
*#col_left, #col_centre, #col_right, #col_centre_right, #col_right_without_border
{
padding-bottom: 0;
margin-bottom: 0; 
}
#col_left:after, #col_centre:after, #col_right:after, #col_centre_right:after, #col_right_without_border:after
{
content: '';
display: block;
background: inherit;
padding-top: 32767px;
margin-bottom: -32767px;
height: 0;
}
}
/*
Et ça ne marche pas avec...
"Doesn't work fully in:
-Netscapes 6 and 7: The longest column must not have been negatively shifted under any circumstances otherwise we're in the same old boat of following elements not being cleared correctly as with the Any Order Columns method. But with an added twist. Since the containing element has been set to overflow: hidden, anything in the columns below the point that Netscape mistakenly believes is the endpoint of the columns is cut off and not displayed.
-IE Mac 5: As mentioned previously, the method causes the page to expand to the "actual" height of the columns. The choice is yours whether to accept that or to forego the equal heights in this superannuated browser, currently tottering around the edges interweb waiting to be put out of its misery.
-Operas 5 and 6"
*/



#col_left {
width: 155px;
}

#col_centre {
width: 479px;
}


#col_right {
border-left: dotted 1px #333;
width: 142px;
}

#col_right_without_border {
width: 142px;
}


/*la colonne qui fait la largeur de "#col_centre" et "#col_right" (et les remplace)*/
#col_centre_right {
width: 621px;
}

/*la disposition du contenu du centre de colonne (même marge en haut que les menus à onglets "#onglets")*/
#col_centre_content {
margin-top:15px;
margin-right:10px;
margin-left:10px;
}


/*--------------------------------------------------------------------------
 L'entête
 --------------------------------------------------------------------------*/

#topbar {
width: 777px;
height: 104px;
/*border-top: solid 1px #062E5B;*/
background-image:url(../images/fond3.png);
/*background-image:url(../images/fond-alu.jpg);*/
background-repeat:no-repeat;
}

#logo_top {
width:617px;
height: 69px;
float:left;
}/**/

#coin_top {
/*background-image:url(../images/coin.png);
background-image:url(../images/coin3.gif);*/
background-repeat:no-repeat;
/*background-color:#062E5B;
background-color:#f1f1f1;
float:right;*/
float:left;
width:160px;
height: 17px;
}


#content_coin_top {
/*background-color:#062E5B;
background-color:#f1f1f1;
border-bottom: solid 1px #666;*/
float:right;
width:142px;
height: 17px;
text-indent:5px;
vertical-align:middle;
line-height:14px;
text-align:right;
padding-right:10px;
}
#content_coin_top a{
color:#fff;
}
/*--------------------------------------------------------------------------
 les boites de la page d'accueil
 --------------------------------------------------------------------------*/

/*première rangée*/
#row1 {
width: 777px;
height:217px;
/* si une seule colonne à droite en première page, changer la hauteur pour la ligne ci-dessous
height:500px;*/
}

#row1_col1 {
width: 582px;
/*height:217px;
background:url(../images/accueil/image_titre3.jpg) no-repeat;*/
float:left;
}

#row1_col1_text {
margin-left:440px;
margin-top:25px;
margin-right:5px;
color: #fff;
}


#row1_col2 {
/*firefox, opera...*/
width:184px;
/*ie6*/
/*height:477px;*/
float:left;
background: transparent url(../images/fond-news.png);
/*background:url(../images/accueil/alsim_diamond_da42_twinstar.jpg) no-repeat;
background:url(../images/accueil/12500hrs_AL200MCC.jpg) no-repeat;
border-left: solid 1px #fff;*/
border-left: dotted 1px #333;/**/
margin-left:1px;

/* si une seule colonne à droite en première page, rajouter les lignes ci-dessous*/
padding:4px;
padding-top:10px;
line-height:15px;
/* si une seule colonne à droite en première page, changer la hauteur pour la ligne ci-dessous, et voir la hauteur de row1
height:480px;*/

}

#row1_col2_titre {
margin-left:17px;
margin-top:8px;
margin-right:5px;
}

/*#row1_col2_titre a:link, #row1_col2_titre a:visited {
text-decoration:none;
font-size:24px;
}

#row1_col2_titre a:hover {
text-decoration:underline;
}*/

#row1_col2_text {
margin-left:2px;
margin-top:3px;
margin-right:3px;
color: #ce1919;
font-size:11px;
font-weight:bold;
}

#row1_col2 a {
color: #fff;

}

#row1_col2_legend {
margin-left:20px;
margin-right:3px;
margin-top:75px;
text-align:right;
}


/*-----------------------
deuxième rangée*/
#row2 {
width: 600px;
height:416px;
}

#row2_new {
width: 777px;
height:280px;
}

#row2_col1 {
width: 600px;
height:75px;
float:left;
/*border-right: dotted 1px #333;*/
}

#row2_col1_row1 {
width: 580px;
padding:10px;
height:65px;
border-bottom: dotted 1px #333;
float:left;
padding-bottom:25px;
line-height:16px;/**/
}

/*#row2_col1_row2 {
width: 600px;
height:75px;
}*/


#row2_col1_row2_c1, #row2_col1_row2_c2, #row2_col1_row2_c3    {/**/
height:172px;
width: 189px;
margin-top:0px;
padding:5px;
float:left;
border-bottom: dotted 1px #333;
}

#row2_col1_row2_c1,#row2_col1_row2_c2 {
border-right: dotted 1px #333;
}


#row2_col2 {
width: 168px;
height:448px;
padding:4px;
padding-top:14px;
/*
border-top: dotted 1px #333;*/
border-left: dotted 1px #333;
float:left;
overflow:hidden;
font-size:9px;
line-height:15px;
}

#row2_col2_new {
width: 168px;
height:290px;
padding:4px;
padding-top:14px;
border-left: dotted 1px #333;
line-height:15px;
/*
border-top: dotted 1px #333;*/
float:left;
overflow:hidden;
font-size:9px;
}

/*-----------------------
troisième rangée*/

/*#row3 {
width: 777px;
height:150px;
border-top: dotted 1px #333;
}*/

#row3_col1, #row3_col2, #row3_col3{
width: 220px;
height:175px;
margin-top:25px;
margin-left:10px;
margin-right:5px;
padding:10px;
float:left;
background: transparent url(../images/fond-gris.jpg) no-repeat;
border-top: solid 1px #e5e5e5;
border-left: solid 1px #e5e5e5;
border-right: solid 1px #e5e5e5;
/*overflow:inherit;
padding-top:15px;
padding-bottom:20px;*/
}

#row3_col1, #row3_col2, #row3_col3 {
/*border-right: dotted 1px #333;*/
}

/*
#row3_col3 {
width: 248px;
}*/


#row3_col3_titre {
margin-left:17px;
margin-top:2px;
margin-right:5px;
}

/*#row1_col2_titre a:link, #row1_col2_titre a:visited {
text-decoration:none;
font-size:24px;
}

#row1_col2_titre a:hover {
text-decoration:underline;
}*/

#row3_col3_text1 {
margin-left:4px;
margin-top:0px;
margin-right:3px;
font-size:20px;
font-weight: bold;
color: #132c55;
}


#row3_col3_text2 {
margin-left:4px;
margin-top:55px;
margin-right:3px;
font-size:20px;
font-weight: bold;
color: #132c55;
}

#row3_col3_legend {
margin-left:20px;
margin-right:3px;
margin-top:3px;
text-align:right;
color: #ce1919;
font-style:italic;
font-weight:bold;
}

.test {
text-align:center;
background-color:#F1F1F1;
}


/*--------------------------------------------------------------------------
  le fil d'ariane 
-------------------------------------------------------------------------*/

#fil_d_ariane{
height:12px;
padding-top: 10px;
margin-left:12px;
font-size: 10px;
color:#333;
text-decoration: none;
}

#fil_d_ariane a  {
font-size: 10px;
color:#333;
text-decoration: underline;
}

#fil_d_ariane a:hover  {
text-decoration: underline;
}

/*------------------------------------------------------------------------ 
le menu de gauche
 --------------------------------------------------------------------------*/
 
#menu_left 
{
padding-top: 37px;
padding-left:5px;
visibility: visible;
width: 140px;
position: relative;
}

#menu_left_entete
{
background:url(../images/petit-fond2.png) no-repeat;
padding: 4px 4px 4px 14px;
border-width: 1px;
border-style: solid;
border-color: #ffffff #888 #C5CCC5 #ffffff;
text-align: left;
font-size: 10px;
font-weight:bold;
color:#333;
}

#menu_left_entete a, #menu_left_entete a:visited, #menu_left_entete a:hover
{
text-align: left;
font-size: 10px;
font-weight:bold;
color:#333;
text-decoration:none;
}


.menu_left_item
{
background: #e4e2e2;
border-bottom-color: #f1f1f1;
border-right-color: #888;
border-width: 1px;
border-style: none solid solid none;
font-size: 10px;
text-decoration:none;
}

.menu_left_item a
{
color: #333;
font-size: 10px;
font-weight:bold;
text-decoration:none;
background: #e4e2e2;
display:block;
padding:7px;
}

.menu_left_item a:hover
{
color: #000;
font-size: 10px;
font-weight:bold;
text-decoration:none;
background: #fff;
display:block;
padding:7px;
}


.menu_left_item_on
{
font-size: 10px;
/*background-color: transparent;*/
border-color: #888;
border-width: 1px;
border-style: none none solid solid;
background:transparent url(../images/red_arrow.png) no-repeat 0 0;
padding-left:10px;
}

.menu_left_item_on a
{
color: #000;
font-size: 10px;
font-weight:bold;
text-decoration:none;
/*background: #fff;*/
display:block;
padding:7px;
padding-right:6px;
}

/*--------------------------------------------------------------------------
 les onglets
 --------------------------------------------------------------------------*/

/* la boite avec le fond "nuages" qui englobe les onglets*/
#onglets{
background: transparent url(../images/onglets/fond_onglets2.png) no-repeat 0px 0px; /**/
font-size: 8px;
font-family: Verdana, Geneva, Arial, sans-serif;
font-weight:bold;
text-align:center;
height:19px;
margin-top:15px;
overflow:hidden;
}

.onglets_demi{
font-size: 8px;
font-family: Verdana, Geneva, Arial, sans-serif;
font-weight:bold;
text-align:center;
height:19px;
margin-top:15px;
overflow:hidden;
}


/* chaque onglet*/

#onglet_body {
border:solid 1px #929292;
border-top:solid 1px #fff;
width:468px;
padding-top:2px;
}

#onglet_body_print {
border:solid 1px #929292;
border-top:solid 1px #fff;
width:468px;
text-align:left;
background-color:#fff;
}

a.link_print, a.link_print:hover, a.link_print:visited {
text-align:left;
}

#print_icon{
margin:5px;
}

.boite219px {
float:left;
margin-right:10px;
width:194px;
}

.onglet_demi_body {
border:solid 1px #929292;
border-top:solid 1px #fff;
padding:5px;
height:190px;
width:180px;
}

/* le contenu de chaque onglet*/
#onglet_content {
width: 448px;
margin:10px;
/*background: transparent url(../images/comingsoon.gif) repeat 0px 0px; /**/
}


#onglet_image_accueil_AL200 {
background: transparent url(../images/trainers/accueil_AL200.jpg) no-repeat 0px 0px; /**/
width: 468px;
height:169px;
}

#onglet_image_accueil_ALX {
background: transparent url(../images/trainers/accueil_ALX.jpg) no-repeat 0px 0px; /**/
width: 468px;
height:169px;
}

#onglet_image_accueil_AL50 {
background: transparent url(../images/trainers/accueil_AL50.jpg) no-repeat 0px 0px; /**/
width: 468px;
height:169px;
}

#onglet_image_accueil_AL200-DA42 {
background: transparent url(../images/trainers/accueil_AL200-DA42.jpg) no-repeat 0px 0px; /**/
width: 468px;
height:169px;
}

#onglet_image_accueil_G-Sim {
background: transparent url(../images/trainers/accueil_G-Sim.jpg) no-repeat 0px 0px; /**/
width: 468px;
height:169px;
}

#onglet_image_accueil_AL172 {
background: transparent url(../images/trainers/accueil_AL172.jpg) no-repeat 0px 0px; /**/
width: 468px;
height:169px;
}

#onglet_image_accueil_ACT {
background: transparent url(../images/trainers/accueil_ACT.jpg) no-repeat 0px 0px; /**/
width: 468px;
height:169px;
}


#onglet_image_accueil_AL300 {
background: transparent url(../images/trainers/accueil_AL300MCC.jpg) no-repeat 0px 0px; /**/
width: 468px;
height:169px;
}


#onglet_titre_accueil {
margin-left:330px;
padding-top:20px;
margin-right:5px;
color: #fff;
}

#onglet_titre_accueil_large {
margin-left:310px;
padding-top:15px;
margin-right:5px;
color: #fff;
}

#onglet_texte_accueil {
margin-left:350px;
padding-top:10px;
margin-right:5px;
color: #fff;
}

#onglet_texte_accueil_large {
margin-left:310px;
padding-top:5px;
margin-right:5px;
color: #fff;
}
/* le fond "off" (onglet non affiché)*/
.onglet_fond_off {
/*background-color: #f1f1f1;*/
background: transparent url(../images/onglets/onglet_fond_off.png) repeat-x 0 0;
height:19px;
width:100px;
float:left;
}


.onglet_fond_off a  {
color:#333;
text-decoration: none;
display:block;
padding-top:3px;
}

.onglet_fond_off a.video  {
color:#333;
text-decoration: none;
display:block;
padding-top:3px;
background: transparent url(../images/video.png) no-repeat 22px 3px;
padding-left:18px; 
}




.onglet_fond_off a:hover  {
text-decoration: underline;
}



/* le fond "on" (onglet affiché)*/
.onglet_fond_on {
background: #FFF url(../images/onglets/onglet_fond_on.png) repeat-x 0 0;
height:19px;
width:100px;
float:left;
display:block;
/*firefox, opera...*/
padding-top:3px !important;
line-height:14px !important;
/*ie6*/
padding-top:0px;
line-height:18px;
}

/* le fond avec les coins entre deux onglets avec les deux "off" (onglets non affichés)*/
.onglet_fond_right_off_off{
background: transparent url(../images/onglets/onglet_fond_right_off_off.png) no-repeat 0% 0%;
height:19px;
width:15px;
float:left;
}

/* le fond avec les coins entre deux onglets avec le premier à "off" (onglet non affiché) et le second à "on" (onglet affiché)*/
.onglet_fond_right_off_on{
background: transparent url(../images/onglets/onglet_fond_right_off_on.png) no-repeat 0% 0%;
height:19px;
width:15px;
float:left;
}

/* le fond avec les coins entre deux onglets avec le premier à "on" (onglet affiché) et le second à "off" (onglet non affiché)*/
.onglet_fond_right_on_off{
background: transparent url(../images/onglets/onglet_fond_right_on_off.png) no-repeat 0% 0%;
height:19px;
width:15px;
float:left;
}

/* le fond avec un seul coin (fin des onglets) à "on" (onglet affiché)*/
.onglet_fond_right_on_end{
background: transparent url(../images/onglets/onglet_fond_right_on_end.png) no-repeat 0% 0%;
height:19px;
width:15px;
float:left;
}

/* le fond avec un seul coin (fin des onglets) à "off" (onglet non affiché)*/
.onglet_fond_right_off_end{
background: transparent url(../images/onglets/onglet_fond_right_off_end.png) no-repeat 0% 0%;
height:19px;
width:15px;
float:left;
}

/* le fond avec un seul coin (début des onglets) à "on" (onglet affiché)*/
.onglet_fond_left_on{
background: transparent url(../images/onglets/onglet_fond_left_on.png) no-repeat 0% 0%;
height:19px;
width:10px;
float:left;
}

/* le fond avec un seul coin (début des onglets) à "off" (onglet non affiché)*/
.onglet_fond_left_off{
background: transparent url(../images/onglets/onglet_fond_left_off.png) no-repeat 0% 0%;
height:19px;
width:10px;
float:left;
}

/* le fond vide (juste la bordure du bas)*/
.onglet_fond_vide{
background: transparent url(../images/onglets/onglet_fond_bordure_off.png) repeat-x 0% 0%;
height:19px;
width:100px;
float:left;
}
/* le fond vide plus petit(juste la bordure du bas)*/
.onglet_fond_vide2{
background: transparent url(../images/onglets/onglet_fond_bordure_off.png) repeat-x 0% 0%;
height:19px;
width:67px;
float:left;
}

/* le coin à droite avec le fond vide (juste la bordure du bas)*/
.onglet_end_vide{
background: transparent url(../images/onglets/onglet_fond_bordure_off.png) repeat-x 0% 0%;
height:19px;
width:15px;
float:left;
}


.video {
background: transparent url(../images/video.png) no-repeat 0px 0px;
padding-left:18px; 
}

/*--------------------------------------------------------------------------
 Les boîtes à droite
 --------------------------------------------------------------------------*/

.box 
{
padding-top: 68px;
padding-left:5px;
visibility: visible;
width: 130px;
position: relative;
}

/*la boîte suivant dans une colonne (seule différence : le padding)*/
.box_next
{
padding-top: 20px;
padding-left:5px;
visibility: visible;
width: 130px;
position: relative;
}

.box_entete
{
background:url(../images/petit-fond-fonce.png) no-repeat;
padding: 4px 4px 4px 14px;
border-width: 1px;
border-style: solid;
border-color: #ffffff #888 #C5CCC5 #ffffff;
text-align: left;
font-size: 10px;
font-weight:bold;
color:#fff;
}

.box_content
{
border: 1px solid #888;
border-top:0px;
border-left-color:#fff;
padding:4px;
text-align: left;
font-size: 10px;
}


.box_content li {
list-style-type: none;
background: url(../images/bullet.gif) no-repeat 0% 0%;
padding-left:8px;
line-height:14px;
font-size: 10px;
}

.box_content ul {
margin-top:10px;
margin-bottom:10px;
}

/*--------------------------------------------------------------------------
 Les news
 --------------------------------------------------------------------------*/
 
#onglet_news, #onglet_gallery {
border:solid 1px #929292;
border-top:0px;
width:468px;
text-align:left;
text-indent:0px;
padding:0px;
margin:0px;
overflow:visible;
/*height:130px;*/
}

#onglet_news {
/*height:inherit;
overflow:inherit
height:auto;*/
overflow:visible;
height:170px;
}

#onglet_gallery {
/*height:300px;*/
}


#onglet_images {
border:solid 1px #929292;
border-top:0px;
width:598px;
text-align:center;
text-indent:0px;
padding:0px;
margin:0px;
}

#onglet_images a:link, #onglet_images a:visited{
color: #132c55;
}

#onglet_images img{
text-decoration:none;
}

 
.vignette_news{
width:132px;
margin:9px;
float:left;
font-size:9px;
/*color: #666;*/
color: #fff;
font-weight:bold;
text-align:left;
/*height:120px;*/
vertical-align:middle;
overflow:visible:
}

#onglet_news .vignette_news{
color:#666;
}

#onglet_news .vignette_news a, #onglet_news .vignette_news a:visited{
font-size:9px;
color:#666;
text-decoration:none;
}

#onglet_news .vignette_news a:hover{
color:#000;
text-decoration:none;
}

.vignette_news img{
padding-bottom:5px;
}

#onglet_news .vignette_news a img{
padding:5px;
text-decoration:none;
}
#onglet_news .vignette_news a:hover img{
background-color:#ff0000;
}
.vignette_image2{
width:130px;
margin:5px;
float:left;
font-size:9px;
color: #333;
text-align:center;
height:120px;
vertical-align:middle;
}

.vignette_image{
width:125px;
margin-right:5px;
float:left;
}

.vignette_actu_titre{
width:330px;
float:left;
}


.actu_titre, .actu_titre_accueil {
background:url(../images/bullet-plane.gif) no-repeat 0 0;
padding-left:20px;
/*color: #132c55;*/
color: #fff;
font-weight:bold;
text-decoration:none;
}

.box_content .actu_titre_accueil, .box_content .date_actu, .vignette_actu_titre .actu_titre, .vignette_actu_titre .date_actu {
color: #132C55;
}


.actu_titre {
line-height:20px;
padding-right:30px;
margin-top:15px;
}

.actu_accueil {
margin-top:10px;
margin-bottom:2px;
}



.actu_texte{
color:#000;
}

#liste_actus{

}


.actu{
margin-top:15px;
width:460px;
height:95px;
}

/*}*/

.actu a, .actu a:visited, .actu_accueil a, .actu_accueil a:visited{
text-decoration: none;
}


.date_actu{
font-size:10px;
/*color: #555;*/
font-weight:normal;
margin-bottom:5px;
text-decoration:none;
line-height:15px;
}

#col_centre .date_actu{
color: #333;
padding-left:12px;
padding-top:4px;


}


a.rsslink {

background:url(../images/rss24.gif) no-repeat 0 0;
padding-left:20px;
display:block;
height:20px;
}
 
/*--------------------------------------------------------------------------
 Le bottom de page
 --------------------------------------------------------------------------*/

#bottom {
width: 777px;
margin-left: auto;
margin-right: auto;
text-align:right;
font-size:10px;
color:#333;
}

#bottom_left {
width: 150px;
float: left;/**/
border-top:solid 1px #666;
}

#bottom_center {
width: 16px;
float: left;/**/
}

#bottom_right {
width: 611px;
float: left;
background-color:#FFF;
border-bottom: solid 1px #666;
height:18px;
}


/* le tableau de choix des simu -----------------------------------------*/

#table3 
	{
	visibility: visible;
	width: 100%;
	position: relative
	}

#table3 table   
	{
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent
	}
	
#table3 tr.cellule
	{
	/*background-color: #F1F1F1;#F5FAF5;
	padding: 0px 4px 0px 4px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #fff;
	vertical-align:middle;
	text-align:center;*/
	cursor:hand;
	}
	
#table3 td.cellule, #table3 td.cellule1
	{
	/*background-color: #F1F1F1;#F5FAF5;
	background-color: #F1F1F1;
	background-color:transparent;!important*/
	padding: 0px 4px 0px 4px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #fff #C5CCC5 #C5CCC5 #fff;
	}
	
#table3 td.cellule 
	{	
	vertical-align:middle;
	text-align:center;
	}
	
#table3 td.cellule1 
	{
	background-color: #F1F1F1;	
	vertical-align:top;
	}	
	
#table3 tr.row1 
	{	
	background-color: #F1F1F1;
	}	
	
#table3 tr.row2 
	{		
	background-color: #F5FAF5;
	}	
	
#table3 td.entete

	{
	padding: 0px 4px 0px 4px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	background-color: #d7d7d7;/*#d5ddd5;*/
	text-align: center;
	font-weight: bold;
	vertical-align:middle;
	}
	

/*separation pour le tableau des customers*/
#table3 tr{
border-bottom:solid 2px #000;
}

#legende{
margin-left:500px;
}
	
	
/*--------------------------------------------------------------------------
 Divers
 --------------------------------------------------------------------------*/
 
.spacer {
  clear: both;
  height:20px;
}


h1 {
color: #132c55;
font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
letter-spacing: 1px;/**/
word-spacing: 2px;
margin-top:16px;
margin-left:12px;
}

.bold20px {
font-size:20px;
font-weight: bolder;
}

.bold17px {
font-size:17px;
font-weight: bolder;
}

.bold15px {
font-size:15px;
font-weight: bolder;
}

.bold12px {
font-size:12px;
font-weight: bolder;
}

.redbolditalic24px {
font-size:24px;
font-weight: bolder;
font-style:italic;
color: #ce1919;
}

.redbold24px {
font-size:24px;
font-weight: bolder;
color: #ce1919;
}

.redbold20px {
font-size:20px;
font-weight: bolder;
color: #ce1919;
}

.bluebold22px {
font-size:20px;
font-weight: bolder;
color: #132c55
}

.whitebold22px {
font-size:20px;
font-weight: bolder;
color: #fff;
}

.whiteitalic9px{
font-size:9px;
font-style:italic;
color: #fff;
font-weight:normal;
}

.white9px{
font-size:9px;
color: #fff;
font-weight:normal;
}


ul {
margin-top:10px;
}

li ul {
margin-top:5px;
}

li {
/*margin-left:8px;
line-height:16px;
list-style-image:url(../images/bullet.gif);
list-style-position:inside;*/
list-style-type: none;
background: url(../images/bullet.gif) no-repeat 0% 0%;
padding-left:15px;
line-height:14px;
margin-top:4px;
}


a.li:link, a.li:visited  {
margin-left:5px;
color: #000;
text-decoration: none;
}
a.li:hover  {
text-decoration: underline;
}





a.div_cliquable:link, a.div_cliquable:visited, a.div_cliquable:hover {
text-decoration: none;
}

a.div_cliquable:hover  {
cursor:hand;
}

.majuscule, .majusculeblue{
font-weight: bolder;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-right:2px;
}

.majuscule{
font-size:13px;
font-weight:bold;
}


.majusculeblue{
font-size:24px;
color: #132c55
}

input, select, textarea {
border: solid 1px #333;
margin:5px;
}
.radiobox, .checkbox {
border:0px;
}

select {
background-color:#fff;
}

.button {
padding: 2px 2px 2px 2px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #ffffff #C5CCC5 #C5CCC5 #fff;
text-align:center;
background-color: #F1F1F1;
}

.subsection {
width:420px;
margin-top:15px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
padding:0px;
border: 1px solid #888;
overflow:hidden;
}

.subsection_img {
width:140px;
float:left;
}
.subsection_txt {
width:270px;
padding:5px;
float:left;
}



a.linkblue:link, a.linkblue:visited, a.linkblueboldwithplane:link, a.linkblueboldwithplane:visited, .bluewithplane, .linkbluebold:link, .linkbluebold:visited {
color: #132c55;
line-height:22px;
}

a.linkblueboldwithplane:link, a.linkblueboldwithplane:visited, .bluewithplane, .linkbluebold:link, .linkbluebold:visited {
font-weight:bold;
}

a.linkblueboldwithplane:link, a.linkblueboldwithplane:visited, .bluewithplane {
background:url(../images/bullet-plane.gif) no-repeat 0 0;
padding-left:20px;
}

a:link, a:visited, .customer{
color: #132c55;
}


a.linkblack:link, a.linkblack:visited {
text-decoration:underline;
color: #000;
}


a.linkblacknotunderlined:link, a.linkblacknotunderlined:visited {
color: #000;
text-decoration:none;
}


a.linkwhite10pxnotunderlined, a.linkwhite10pxnotunderlined:visited {
color: #333333; 
text-decoration: none;
font-size:10px;
/*font-weight:bold;
font-variant:small-caps*/
}

a.linkwhite10pxnotunderlined:hover {
color: #333333; 
text-decoration: underline;
}


.bluebold{
font-weight: bolder;
color: #132c55;
}

.redbold{
font-weight: bolder;
color: #ce1919;
}

#col_centre_content td {
border:0px;
padding:5px;
vertical-align:top;

}

img {
border:0px;
}

.border1pxblack{
border:solid 1px #000;
}

.colonne {
float:left;
}

.surlignage{
	background-color: #ff0000;
	color: #ffffff;
	font-weight: bold;
}

.rangee1{
background-color:#FFF;
}

.rangee2{
background-color:#F1F1F1;
}

.flag{
margin-top:3px;
}


.greybg {
background-color:#999999;
}

.categorie_form {
background: transparent url(../images/onglets/fond_onglets2.png) no-repeat 0px 0px; /**/
}

/*Google map*/

#map {
padding-top:10px;
padding-bottom:10px;
border: solid 1px #ccc;
}

a.contact {
background: transparent url(../images/mail.gif) no-repeat 0px 0px;
padding-left:21px; 
color: #132c55;
text-decoration:underline;
font-weight:bold;
}

/*
#jquery-overlay {
position:absolute;
top:0px;
left:0px;
}


#jquery-lightbox{
margin: 0 auto;

}*/

.clear{
clear:both;
}




span.pulled-right, span.pulled-left {
	display: block;
	width: 160px;
	font-size: 1.5em;
	font-style:italic;
	line-height: 1.4em;
	color: #333;
	background:url(../images/quote.gif) no-repeat;
	/*background-position:top left;*/
}

span.pulled-right {
	float: right;
	padding: 0 0 0 10px;
	margin: 0 0 10px 10px;
	text-align: right;
	border-left: 3px solid #ccc;
	background-position: 2px 0px;
}
span.pulled-left {
	float: left;
	padding: 0 5px 0 25px;
	margin: 0 10px 10px 0;
	text-align: left;
	border-right: 3px solid #ccc;
	background-position: 0px 0px;
}


blockquote.withquote {
	background:url(../images/quote.gif) no-repeat;
	background-position:top left;
	padding-left:20px;
	text-align:justify;
} 

span.pulled-left span.withunquote, span.pulled-right span.withunquote {
	background: url(../images/unquote.gif) no-repeat;
	background-position:bottom right;
	padding-right:5px;
	display:block;
	width: 160px;
	height: 20px;
}

a.next {
	background: url(../images/red_arrow.gif) no-repeat;
	background-position:right 0px;
	padding-right:14px;
	

}
a.previous {
	background: url(../images/red_arrow_prev.gif) no-repeat;
	background-position:left 0px;
	padding-left:14px;

}

a.next, a.previous {
	height:18px;
	padding-top:6px;
	display:block;

}

h2, h3 {
font-size:12px;
color:#a20808;
}