/*CONSTANTES*/
*{
margin: 0;
padding: 0;
}
body{
margin: 0px;
text-align: center;
background:url(../images/fond_croix.jpg) top center;
font-size: 14px;
}
#contenu{
position: relative;
width: 980px;
min-width: 980px;
margin: auto;
text-align: left;
}
.clr{
clear: both;
}
.gras{
font-family: arial;
font-size: 1em;
font-weight: bold;
text-align: justify;
color: #333333;
}
.normal{
font-family: arial;
font-size: 0.8em;
text-align: justify;
color: #333333;
}
.gris{
color: #828ba0;
}
.titre_boite{
font-family: arial;
font-size: 1.4em;
color: #828ba0;
padding: 15px 0 0 45px;
}
.texte_boite{
font-family: arial;
font-size: 0.8em;
color: #333333;
padding: 25px 0 0 10px;
}
.texte_info{
font-family: arial;
font-size: 0.8em;
color: #333333;
text-align: center;
}
.obligatoire{
font-family: arial;
font-size: 0.6em;
color: #ff9900;
}
.lettre{
font-family: arial;
font-size: 3.2em;
color: #ff9900;
font-weight: bold;
}
.titre_def{
font-family: arial;
font-size: 0.8em;
color: #ff9900;
font-weight: bold;
}
.texte_def{
font-family: arial;
font-size: 0.8em;
color: #333333;
}
.nav_active{
font-family: arial;
font-size: 1.2em;
color: #ff9900;
font-weight: bold;
}
.lettre_active{
font-family: arial;
font-size: 1.5em;
color: #ff9900;
font-weight: bold;
}
.acc1{
font-family: arial;
font-size: 1.6em;
color: #333333;
font-weight: normal;
text-align: justify;
}
.acc2{
font-family: arial;
font-size: 1.9em;
color: #333333;
font-weight: bold;
text-align: justify;
}
.acc3{
font-family: arial;
font-size: 2.4em;
color: #ff9900;
font-weight: bold;
text-align: justify;
}
/********************************************************************************************
                                   ********constantes*********
********************************************************************************************/
#haut{
width: 980px;
height: 161px;
}
#haut #haut_gauche{
float: left;
width: 141px;
height: 161px;
background-color: #424355;
}
#haut #haut_gauche img{
border:none;
}
#haut #haut_gauche p{
padding: 20px 5px 20px 15px;
}
#haut #haut_droite #kook_news{
position: relative;
width: 839px;
height: 140px;
z-index: 10;
margin-top: 10px;
}
#haut #haut_droite #kook_news img{
border: none;
}
#haut #haut_droite #kook_news #btn_ouvre{
position: absolute;
width: 13px;
height: 140px!important;
height: 143px;
background-color: #424355;
}
#haut #haut_droite #kook_news #affiche_kooknews{
width: 839px;
position: relative;
}
#haut #haut_droite #kook_news #affiche_kooknews #h_slideout{
float: left;
width: 810px;
height: 140px;
font-family: arial;
font-size: 0.8em;
color: #ffffff;
background-color: #424355;
}
#haut #haut_droite #kook_news #affiche_kooknews #h_slideout #texte{
float: left;
width: 795px!important;
width: 790px;
}
#haut #haut_droite #kook_news #affiche_kooknews #h_slideout p{
padding: 10px 0 0 5px;
}
#haut #haut_droite #kook_news #affiche_kooknews #h_slideout #texte_lien{
clear: left;
position: absolute;
margin: 115px 0 0 300px;
}
#haut #haut_droite #kook_news #affiche_kooknews #h_slideout #btn_ferme{
float: left;
width: 15px;
height: 140px;
}
#milieu{
clear: left;
width: 980px;
}
#milieu #milieu_gauche{
float: left;
width: 141px;
height: 445px;
background-color: #424355;
}
#milieu #milieu_gauche #menu{
width: 141px!important;
width: 136px;
padding: 20px 0 0 5px;
}
#milieu #milieu_gauche #menu ul li{
list-style-type: none;
min-height:43px;
height:auto !important;
height:43px;
font-family: arial;
font-size: 1em;
padding: 0 3px 0 0;
}
#milieu #milieu_gauche #menu ul li.menu1{
background: url(../images/listmenu1.jpg) no-repeat top left;
}
#milieu #milieu_gauche #menu ul li.menu1sel{
background: url(../images/listmenu1sel.jpg) no-repeat top left;
}
#milieu #milieu_gauche #menu ul li.menuint{
background: url(../images/listmenuint.jpg) no-repeat top left;
}
#milieu #milieu_gauche #menu ul li.menuintsel{
background: url(../images/listmenuintsel.jpg) no-repeat top left;
}
#milieu #milieu_gauche #menu ul li.menuintselacsm{
background: url(../images/listmenuintselacsm.jpg) no-repeat top left;
}
#milieu #milieu_gauche #menu ul li.menufin{
background: url(../images/listmenufin.jpg) no-repeat top left;
}
#milieu #milieu_gauche #menu ul li.menufinsel{
background: url(../images/listmenufinsel.jpg) no-repeat top left;
}
#milieu #milieu_gauche #menu ul li a{
padding: 0 0 0 30px;
text-decoration: none;
color: #ffffff;
display: block;
}
#milieu #milieu_gauche #menu ul li.menuintselacsm ul.sousmenu{
margin: 0 0 0 23px;
}
#milieu #milieu_gauche #menu ul li.menuintselacsm ul.sousmenu li{
list-style-type: none;
min-height:20px;
height:auto !important;
height:20px;
font-family: arial;
font-size: 0.7em;
padding: 0;
}
#milieu #milieu_gauche #menu ul li.menuintselacsm ul.sousmenu li.sousmenu1{
background: url(../images/listsousmenu1.jpg) no-repeat top left;
padding: 4px 0 0 0;
}
#milieu #milieu_gauche #menu ul li.menuintselacsm ul.sousmenu li.sousmenu1sel{
background: url(../images/listsousmenu1sel.jpg) no-repeat top left;
padding: 4px 0 0 0;
}
#milieu #milieu_gauche #menu ul li.menuintselacsm ul.sousmenu li.sousmenuint{
background: url(../images/listsousmenuint.jpg) no-repeat top left;
}
#milieu #milieu_gauche #menu ul li.menuintselacsm ul.sousmenu li.sousmenuintsel{
background: url(../images/listsousmenuintsel.jpg) no-repeat top left;
}
#milieu #milieu_gauche #menu ul li.menuintselacsm ul.sousmenu li.sousmenufin{
background: url(../images/listsousmenufin.jpg) no-repeat top left;
}
#milieu #milieu_gauche #menu ul li.menuintselacsm ul.sousmenu li.sousmenufinsel{
background: url(../images/listsousmenufinsel.jpg) no-repeat top left;
}
#milieu #milieu_gauche #menu ul li.menuintselacsm ul.sousmenu li a{
padding: 0 0 0 25px;
text-decoration: none;
color: #ffffff;
display: block;
}
.metier #milieu #milieu_droite #contenu_gauche, .partenaires #milieu #milieu_droite #contenu_gauche, .contact #milieu #milieu_droite #contenu_gauche{
float: left;
width: 450px;
padding: 60px 0 0 86px;
}
.metier #milieu #milieu_droite #contenu_gauche p, .prestations #milieu #milieu_droite #contenu_gauche p, .ref #milieu #milieu_droite #contenu_gauche p, .partenaires #milieu #milieu_droite #contenu_gauche p, .contact #milieu #milieu_droite #contenu_gauche p, .kooknews #milieu #milieu_droite #contenu_gauche p, .lexique #milieu #milieu_droite #contenu_gauche p{
padding: 0 0 0 15px
}
.metier #milieu #milieu_droite #contenu_gauche a, .prestations #milieu #milieu_droite #contenu_gauche a, .ref #milieu #milieu_droite #contenu_gauche a, .partenaires #milieu #milieu_droite #contenu_gauche a, .contact #milieu #milieu_droite #contenu_gauche a, .kooknews #milieu #milieu_droite #contenu_gauche a, .lexique #milieu #milieu_droite #contenu_gauche a{
color: #333333;
}
.metier #milieu #milieu_droite #contenu_droite, .prestations #milieu #milieu_droite #contenu_droite, .ref #milieu #milieu_droite #contenu_droite, .partenaires #milieu #milieu_droite #contenu_droite, .contact #milieu #milieu_droite #contenu_droite, .kooknews #milieu #milieu_droite #contenu_droite, .lexique #milieu #milieu_droite #contenu_droite, .plan #milieu #milieu_droite #contenu_droite{
float: left;
width: 250px;
padding: 60px 0 0 25px!important;
padding: 50px 0 0 20px;
}
#milieu #milieu_droite #contenu_droite #webcallback{
float: left;
width: 217px;
height: 138px;
background: url(../images/webcallback.jpg) no-repeat;
}
#milieu #milieu_droite #contenu_droite #webcallback form{
padding: 15px 0 0 10px;
}
#milieu #milieu_droite #contenu_droite #webcallback input{
border: none;
vertical-align: middle;
}
#milieu #milieu_droite #contenu_droite #webcallback a{
color: #333333;
}
#milieu #milieu_droite #contenu_droite #info{
clear: left;
float: left;
padding: 20px 0 0 0;
}
#milieu #milieu_droite #contenu_droite #info #info_titre{
float: left;
width: 215px;
height: 46px;
background: url(../images/titre_boiteinfo.jpg) no-repeat;
}
#milieu #milieu_droite #contenu_droite #info #info_contenu{
clear: left;
float: left;
width: 215px;
background: url(../images/fond_boiteinfo.jpg) repeat-y;
padding: 10px 0;
}
#milieu #milieu_droite #contenu_droite #info #info_contenu p{
padding: 0 9px;
}
#milieu #milieu_droite #contenu_droite #info #info_contenu a{
color: #333333;
}
#milieu #milieu_droite #contenu_droite #info #info_contenu a:hover{
color: #333333;
}
#milieu #milieu_droite #contenu_droite #info #info_fin{
clear: left;
float: left;
width: 215px;
height: 2px;
background: url(../images/fin_boiteinfo.jpg) no-repeat;
}
#fresque{
clear: left;
width: 980px;
height: 224px;
}
#footer{
clear: left;
float: left;
margin-top: 0!important;
margin-top: -3px;
width: 980px;
}
#footer #footer_droite{
float: left;
width: 141px;
background-color: #424355;
height: 50px;
}
#footer #footer_gauche{
float: left;
width: 839px;
padding: 10px 0 10px 0;
}
#footer #footer_gauche p{
text-align: center;
font-family: arial;
font-size: 0.8em;
color: #79849d;
}
#footer #footer_gauche a{
color: #79849d;
text-decoration: none;
}
#footer #footer_gauche a:hover{
color: #79849d;
text-decoration: underline;
}
/********************************************************************************************
                                   ********page accueil*********
********************************************************************************************/
.accueil #milieu #milieu_gauche{
float: left;
width: 141px;
height: 445px;
background-color: #424355;
}
.accueil #haut #haut_droite{
float: left;
width: 839px;
height: 161px;
background: url(../images/titre_accueil.jpg) no-repeat;
}
.accueil #haut #haut_droite #bienvenue{
position: absolute;
top:16px;
left: 222px;
z-index: 1;
}
.accueil #milieu #milieu_droite{
float: left;
width: 839px;
background: url(../images/fond_croix_centre.jpg) repeat-y;
}
.accueil #milieu #milieu_droite #contenu_gauche{
float: left;
padding: 114px 0 0 78px;
width: 283px;
}
.accueil #milieu #milieu_droite #contenu_gauche img{
border: none;
}
.accueil #milieu #milieu_droite #contenu_droite{
float: left;
padding: 3px 0 0 147px;
}
.accueil #milieu #milieu_droite #contenu_droite_haut{
float: left;
width: 290px;
height: 122px;
padding: 0 0 0 2px;
}
.accueil #milieu #milieu_droite #contenu_droite_haut p{
text-align: justify;
}
.accueil #milieu #milieu_droite #contenu_droite_packs{
clear: left;
float: left;
height: 70px;
width: 290px;
padding: 14px 0 0 0;
}
.accueil #milieu #milieu_droite #contenu_droite_packs img{
width: 46px;
}
.accueil #milieu #milieu_droite #contenu_droite_packs #pack1{
float: left;
padding: 0 14px 0 0;
}
.accueil #milieu #milieu_droite #contenu_droite_packs #pack2{
float: left;
padding: 0 14px 0 0;
}
.accueil #milieu #milieu_droite #contenu_droite_packs #pack3{
float: left;
padding: 0 14px 0 0;
}
.accueil #milieu #milieu_droite #contenu_droite_packs #pack4{
float: left;
padding: 0 14px 0 0;
}
.accueil #milieu #milieu_droite #contenu_droite_packs #pack5{
float: left;
}
.accueil #milieu #milieu_droite #contenu_droite_packs #pack1 img, .accueil #milieu #milieu_droite #contenu_droite_packs #pack2 img, .accueil #milieu #milieu_droite #contenu_droite_packs #pack3 img, .accueil #milieu #milieu_droite #contenu_droite_packs #pack4 img, .accueil #milieu #milieu_droite #contenu_droite_packs #pack5 img, .accueil #milieu #milieu_droite #contenu_droite_offre #desc_pack1 img, .accueil #milieu #milieu_droite #contenu_droite_offre #desc_pack2 img, .accueil #milieu #milieu_droite #contenu_droite_offre #desc_pack3 img, .accueil #milieu #milieu_droite #contenu_droite_offre #desc_pack4 img, .accueil #milieu #milieu_droite #contenu_droite_offre #desc_pack5 img{
border: none;
}
.accueil #milieu #milieu_droite #contenu_droite_offre{
clear: left;
float: left;
width: 290px;
height: 232px;
padding: 0 0 0 2px;
}
.accueil #milieu #milieu_droite #contenu_droite_texte{
background: url(../images/accroche_accueil.jpg) no-repeat;
position: absolute;
top:397px;
left:633px;
width: 323px;
height: 202px;
}
.accueil #milieu #milieu_droite #contenu_droite_texte #accroche_texte{
padding: 30px 0 0 25px;
width: 268px;
}
.accueil #milieu #milieu_droite #contenu_droite_texte p{
padding-bottom: 10px;
font-family: arial;
font-size: 0.8em;
color: #333333;
font-weight: normal;
text-align: justify;
}
.accueil #milieu #milieu_droite #contenu_droite_texte p a{
color: #ff9900;
font-weight: bold;
text-decoration: none;
}
/**************************************************************************************************************
                            ***************page notre métier**************
**************************************************************************************************************/
.metier #milieu #milieu_gauche{
float: left;
width: 141px;
height: 602px;
background-color: #424355;
}
.metier #haut #haut_droite{
float: left;
width: 839px;
height: 161px;
background: url(../images/titre_metier.jpg) no-repeat;
}
.metier #milieu #milieu_droite{
float: left;
width: 839px;
background: url(../images/fond_metier.jpg) repeat-y;
height: 602px;
}
/**************************************************************************************************************
                            ***************page nos prestations**************
**************************************************************************************************************/
.prestations #milieu #milieu_gauche{
float: left;
width: 141px;
height: 602px;
background-color: #424355;
}
.prestations #haut #haut_droite{
float: left;
width: 839px;
height: 161px;
background: url(../images/titre_prestations.jpg) no-repeat;
}
.prestations #milieu #milieu_droite{
float: left;
width: 839px;
background: url(../images/fond_prestations.jpg) repeat-y;
height: 602px;
}
.prestations #milieu #milieu_droite #contenu_gauche{
float: left;
width: 450px;
padding: 20px 0 0 86px;
}
.prestations #milieu #milieu_droite #contenu_gauche #presta_first{
padding: 40px 0 0 0;
}
.prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack1{
width: 373px;
height: 83px;
background: url(../images/presta_pack1.jpg) no-repeat bottom right;
padding: 0 0 0 40px;
}
.prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack2{
width: 373px;
height: 83px;
background: url(../images/presta_pack2.jpg) no-repeat bottom right;
padding: 0 0 0 40px;
}
.prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack3{
width: 373px;
height: 87px;
background: url(../images/presta_pack3.jpg) no-repeat bottom right;
padding: 0 0 0 40px;
}
.prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack4{
width: 373px;
height: 83px;
background: url(../images/presta_pack4.jpg) no-repeat bottom right;
padding: 0 0 0 40px;
}
.prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack5{
width: 373px;
height: 83px;
background: url(../images/presta_pack5.jpg) no-repeat bottom right;
padding: 0 0 0 40px;
}
.prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack1 p, .prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack2 p, .prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack3 p, .prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack4 p, .prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack5 p{
width: 310px;
font-family: arial;
font-size: 0.9em;
color: #333333;
padding: 0 0 5px 5px;
}
.prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack1 img, .prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack2 img, .prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack3 img, .prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack4 img, .prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack5 img{
padding: 2px;
}
.prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack1sel, .prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack2sel, .prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack4sel, .prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack5sel{
padding: 0 0 0 40px;
}
.prestations #milieu #milieu_droite #contenu_gauche #presta_first #pack3sel{
padding: 4px 0 0 40px;
}
.prestations #milieu #milieu_droite #contenu_gauche #presta_first img{
border: none;
}
.prestations #milieu #milieu_droite #contenu_gauche #contenu_haut{
float: left;
width: 450px;
}
.prestations #milieu #milieu_droite #contenu_gauche #contenu_haut #btn_retour{
float: left;
width: 70px;
font-family: arial;
font-size: 0.8em;
padding: 50px 0 0 15px;
}
.prestations #milieu #milieu_droite #contenu_gauche #contenu_haut #btn_retour a{
text-decoration: none;
color: #333333;
}
.prestations #milieu #milieu_droite #contenu_gauche #contenu_haut #btn_retour a:hover{
text-decoration: underline;
}
.prestations #milieu #milieu_droite #contenu_gauche #contenu_haut #nav_grospack img{
border: none;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1{
clear: left;
float: left;
margin-top: -30px;
width: 473px;
height: 458px;
background: url(../images/presta_cadrepack1_temp.gif) no-repeat;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2{
clear: left;
float: left;
margin-top: -30px;
width: 473px;
height: 458px;
background: url(../images/presta_cadrepack2_temp.gif) no-repeat;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3{
clear: left;
float: left;
margin-top: -30px;
width: 473px;
height: 458px;
background: url(../images/presta_cadrepack3_temp.gif) no-repeat;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4{
clear: left;
float: left;
margin-top: -30px;
width: 473px;
height: 458px;
background: url(../images/presta_cadrepack4_temp.gif) no-repeat;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5{
clear: left;
float: left;
margin-top: -30px;
width: 473px;
height: 458px;
background: url(../images/presta_cadrepack5_temp.gif) no-repeat;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #titre, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #titre, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #titre, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #titre, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #titre{
float: left;
width: 250px;
padding: 30px 0 0 5px;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #titre p{
font-family: arial;
font-size: 1.6em;
color: #fe9901;
font-weight: bold;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #titre p{
font-family: arial;
font-size: 1.6em;
color: #aaca1d;
font-weight: bold;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #titre p{
font-family: arial;
font-size: 1.6em;
color: #2fafec;
font-weight: bold;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #titre p{
font-family: arial;
font-size: 1.6em;
color: #b94e9e;
font-weight: bold;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #titre p{
font-family: arial;
font-size: 1.6em;
color: #f8bc04;
font-weight: bold;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #prix, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #prix, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #prix, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #prix, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #prix{
float: left;
padding: 30px 0 0 15px;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #prix p, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #prix p, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #prix p, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #prix p, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #prix p{
font-family: arial;
font-size: 1.4em;
color: #333333;
font-weight: bold;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #flash, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #flash, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #flash, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #flash, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #flash{
clear: left;
float: left;
width: 450px;
height: 250px;
padding: 5px 0 0 0;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #flash #precedent, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #flash #precedent, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #flash #precedent, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #flash #precedent, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #flash #precedent{
float: left;
width: 22px;
padding: 100px 0 0 38px;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #flash #precedent img, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #flash #precedent img, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #flash #precedent img, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #flash #precedent img, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #flash #precedent img{
border: none;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #flash #une_ref, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #flash #une_ref, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #flash #une_ref, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #flash #une_ref, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #flash #une_ref{
float: left;
width: 279px;
height: 244px;
padding: 0 30px;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #flash #une_ref img, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #flash #une_ref img, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #flash #une_ref img, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #flash #une_ref img, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #flash #une_ref img{
border: none;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #flash #suivant, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #flash #suivant, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #flash #suivant, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #flash #suivant, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #flash #suivant{
float: left;
width: 22px;
padding: 100px 0 0 0;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #flash #suivant img, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #flash #suivant img, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #flash #suivant img, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #flash #suivant img, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #flash #suivant img{
border: none;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #description, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #description, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #description, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #description, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #description{
clear: left;
float: left;
width: 455px;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #description #details, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #description #details, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #description #details, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #description #details, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #description #details{
float: left;
/*width: 320px; avec le plus d'infos*/
width: 400px;
padding: 5px 0 0 15px;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #description #details ul li, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #description #details p, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #description #details ul li, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #description #details p, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #description #details ul li, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #description #details p, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #description #details ul li, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #description #details p, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #description #details ul li, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #description #details p{
font-family: arial;
font-size: 0.8em;
color: #333333;
list-style-image: url(../images/puce_presta.jpg);
text-align: justify;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #description #plusinfos, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #description #plusinfos, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #description #plusinfos, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #description #plusinfos, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #description #plusinfos{
float: left;
width: 60px;
padding: 70px 0 0 43px;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #description #plusinfos a, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #description #plusinfos a, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #description #plusinfos a, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #description #plusinfos a, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #description #plusinfos a{
text-decoration: none;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #description #plusinfos span, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #description #plusinfos span, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #description #plusinfos span, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #description #plusinfos span, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #description #plusinfos span{
padding: 0;
font-family: arial;
font-size: 1.3em;
color: #ffffff;
font-weight: bold;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1 #description #plusinfos .plus, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2 #description #plusinfos .plus, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3 #description #plusinfos .plus, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4 #description #plusinfos .plus, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5 #description #plusinfos .plus{
font-family: arial;
font-size: 3em;
color: #ffffff;
font-weight: bold;
padding: 0 0 0 18px;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1option{
clear: left;
float: left;
margin-top: -30px;
width: 473px;
height: 458px;
background: url(../images/presta_cadrepack1option.gif) no-repeat;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2option{
clear: left;
float: left;
margin-top: -30px;
width: 473px;
height: 458px;
background: url(../images/presta_cadrepack2option.gif) no-repeat;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3option{
clear: left;
float: left;
margin-top: -30px;
width: 473px;
height: 458px;
background: url(../images/presta_cadrepack3option.gif) no-repeat;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4option{
clear: left;
float: left;
margin-top: -30px;
width: 473px;
height: 458px;
background: url(../images/presta_cadrepack4option.gif) no-repeat;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5option{
clear: left;
float: left;
margin-top: -30px;
width: 473px;
height: 458px;
background: url(../images/presta_cadrepack5option.gif) no-repeat;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1option #description, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2option #description, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3option #description, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4option #description, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5option #description{
float: left;
width: 350px;
padding: 40px 0 0 30px;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1option #description p, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2option #description p, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3option #description p, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4option #description p, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5option #description p{
font-family: arial;
font-size: 0.8em;
color: #333333;
padding: 5px 0 0 0;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1option #description ul li, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1option #description span, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2option #description ul li, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2option #description span, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3option #description ul li, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3option #description span, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4option #description ul li, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4option #description span, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5option #description ul li, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5option #description span{
font-family: arial;
font-size: 0.8em;
color: #333333;
list-style-image: url(../images/puce_presta.jpg);
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1option #plusinfos, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2option #plusinfos, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3option #plusinfos, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4option #plusinfos, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5option #plusinfos{
float: left;
width: 60px;
padding: 408px 0 0 15px;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1option #plusinfos a, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2option #plusinfos a, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3option #plusinfos a, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4option #plusinfos a, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5option #plusinfos a{
text-decoration: none;
}
.prestations #milieu #milieu_droite #contenu_gauche #cadre_pack1option #plusinfos span, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack2option #plusinfos span, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack3option #plusinfos span, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack4option #plusinfos span, .prestations #milieu #milieu_droite #contenu_gauche #cadre_pack5option #plusinfos span{
padding: 0;
font-family: arial;
font-size: 1.3em;
color: #ffffff;
font-weight: bold;
}
/**************************************************************************************************************
                            ***************page nos references**************
**************************************************************************************************************/
.ref #milieu #milieu_gauche{
float: left;
width: 141px;
height: 602px;
background-color: #424355;
}
.ref #haut #haut_droite{
float: left;
width: 839px;
height: 161px;
background: url(../images/titre_references.jpg) no-repeat;
}
.ref #milieu #milieu_droite{
float: left;
width: 839px;
background: url(../images/fond_references.jpg) repeat-y;
height: 602px;
}
.ref #milieu #milieu_droite #contenu_gauche{
float: left;
width: 450px;
padding: 0px 0 0 86px;
}
.ref #milieu #milieu_droite #contenu_gauche #flash{
width: 470px;
height: 560px;
}
/**************************************************************************************************************
                            ***************page kooknews**************
**************************************************************************************************************/
.kooknews #milieu #milieu_gauche{
float: left;
width: 141px;
height: 602px;
background-color: #424355;
}
.kooknews #haut #haut_droite{
float: left;
width: 839px;
height: 161px;
background: url(../images/titre_kooknews.jpg) no-repeat;
}
.kooknews #milieu #milieu_droite{
float: left;
width: 839px;
background: url(../images/fond_kooknews.jpg) repeat-y;
height: 602px;
}
.kooknews #milieu #milieu_droite #contenu_gauche{
float: left;
width: 450px;
height: 475px;
padding: 60px 0 0 86px;
}
.kooknews #milieu #milieu_droite #contenu_gauche #liste_articles{
clear: left;
float: left;
width: 425px;
padding: 0 0 0 10px;
}
.un_article_voir{
clear: left;
float: left;
width: 425px;
padding: 10px 0 5px 10px;
background: url(../images/une_news.jpg) no-repeat;
}
.un_article_voir div{
width: 410px;
}
.un_article_voir .image_seule{
width: 100px;
}
.titre_langue{
clear: left;
float: left;
font-family: arial;
font-size: 16px;
font-weight: bold;
}
.hr_langue{
clear:left;
float:left;
width:98%;
margin-bottom: 5px;
}
.titre{
font-family: arial;
font-size: 14px;
font-weight: bold;
padding-bottom: 5px;
}
.date_news{
font-family: arial;
font-size: 12px;
font-weight: bold;
padding-bottom: 5px;
}
.txt_court{
padding-bottom: 5px;
font-family: arial;
font-size: 12px;
font-style: italic;
}
.txt_long{
padding-bottom: 5px;
font-family: arial;
font-size: 12px;
text-align: justify;
}
.image_seule img{
border: 1px black solid;
}
.image_plusieurs{
clear: left;
float: left;
width: 100%;
}
.image_plusieurs img{
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
vertical-align: top;
border: 1px black solid;
}
.fichier{
clear: left;
float: left;
font-family: arial;
font-size: 12px;
color: #f8941e;
padding-left: 20px;
padding-bottom: 5px;
}
.fichier a{
font-family: arial;
font-size: 12px;
color: #f8941e;
text-decoration: none;
}
.fichier a:hover{
font-family: arial;
font-size: 12px;
color: #f8941e;
text-decoration: underline;
}
.kooknews #milieu #milieu_droite #nav_pages{
clear: left;
float: left;
padding: 0 0 0 90px;
}
.kooknews #milieu #milieu_droite #nav_pages p{
width: 700px;
text-align: center;
font-family: arial;
font-size: 1em;
color: #ff9900;
}
.kooknews #milieu #milieu_droite #nav_pages a{
font-family: arial;
font-size: 1em;
color: #ff9900;
text-decoration: none;
}
.kooknews #milieu #milieu_droite #nav_pages a:hover{
font-family: arial;
font-size: 1em;
color: #ff9900;
text-decoration: underline;
}
/**************************************************************************************************************
                            ***************page nos partenaires**************
**************************************************************************************************************/
.partenaires #milieu #milieu_gauche{
float: left;
width: 141px;
height: 602px;
background-color: #424355;
}
.partenaires #haut #haut_droite{
float: left;
width: 839px;
height: 161px;
background: url(../images/titre_partenaires.jpg) no-repeat;
}
.partenaires #milieu #milieu_droite{
float: left;
width: 839px;
background: url(../images/fond_partenaires.jpg) repeat-y;
height: 602px;
}
.partenaires #milieu #milieu_droite #contenu_gauche #flash{
width: 470px;
height: 500px;
}
/**************************************************************************************************************
                            ***************page contact**************
**************************************************************************************************************/
.contact #milieu #milieu_gauche{
float: left;
width: 141px;
height: 602px;
background-color: #424355;
}
.contact #haut #haut_droite{
float: left;
width: 839px;
height: 161px;
background: url(../images/titre_contact.jpg) no-repeat;
}
.contact #milieu #milieu_droite{
float: left;
width: 839px;
background: url(../images/fond_contact.jpg) repeat-y;
height: 602px;
}
.contact #milieu #milieu_droite #contenu_gauche #formulaire{
font-family: arial;
font-size: 1.2em;
color: #333333;
font-weight: bold;
padding: 0 0 0 50px;
}
.contact #milieu #milieu_droite #contenu_gauche #formulaire form td{
text-align: right;
vertical-align: top;
}
.contact #milieu #milieu_droite #contenu_gauche #formulaire form .champ{
width: 150px;
border:1px #999999 solid;
}
.contact #milieu #milieu_droite #contenu_gauche #adresse{
float: left;
width: 280px;
font-family: arial;
font-size: 1.2em;
color: #333333;
font-weight: bold;
padding: 20px 0 0 0;
}
.contact #milieu #milieu_droite #contenu_gauche #plan{
float: left;
width: 150px;
padding: 20px 0 0 0;
}
.contact #milieu #milieu_droite #contenu_gauche #plan img{
border: none;
}
.contact #milieu #milieu_droite #contenu_gauche #adresse p{
text-align: center;
padding-top: 15px;
}
/**************************************************************************************************************
                            ***************page lexique**************
**************************************************************************************************************/
.lexique #milieu #milieu_gauche{
float: left;
width: 141px;
height: 602px;
background-color: #424355;
}
.lexique #haut #haut_droite{
float: left;
width: 839px;
height: 161px;
background: url(../images/titre_lexique.jpg) no-repeat;
}
.lexique #milieu #milieu_droite{
float: left;
width: 839px;
background: url(../images/fond_lexique.jpg) repeat-y;
height: 602px;
}
.lexique #milieu #milieu_droite #contenu_gauche{
float: left;
width: 450px;
padding: 10px 0 0 86px;
min-height:500px;
height:auto !important;
height:500px;
}
.lexique #milieu #milieu_droite #contenu_gauche #lettre{
float: left;
}
.lexique #milieu #milieu_droite #contenu_gauche .def{
clear: left;
float: left;
width: 450px;
padding: 5px 0 0 10px;
}
.lexique #milieu #milieu_droite #nav_pages{
clear: left;
float: left;
padding: 0 0 0 90px;
}
.lexique #milieu #milieu_droite #nav_pages p{
width: 700px;
text-align: center;
font-family: arial;
font-size: 1em;
color: #ff9900;
}
.lexique #milieu #milieu_droite #nav_pages a{
font-family: arial;
font-size: 1em;
color: #ff9900;
text-decoration: none;
}
.lexique #milieu #milieu_droite #nav_pages a:hover{
font-family: arial;
font-size: 1em;
color: #ff9900;
text-decoration: underline;
}
.lexique #milieu #milieu_droite #nav_lexique{
clear: left;
float: left;
padding: 0 0 0 90px;
}
.lexique #milieu #milieu_droite #nav_lexique p{
width: 700px;
text-align: center;
font-family: arial;
font-size: 1.2em;
color: #ff9900;
}
.lexique #milieu #milieu_droite #nav_lexique a{
font-family: arial;
color: #ff9900;
}
.lexique #milieu #milieu_droite #nav_lexique a:hover{
font-family: arial;
color: #ff9900;
text-decoration: underline;
}
/**************************************************************************************************************
                            ***************page mentions légales**************
**************************************************************************************************************/
.mentions #milieu #milieu_gauche{
float: left;
width: 141px;
height: 602px;
background-color: #424355;
}
.mentions #haut #haut_droite{
float: left;
width: 839px;
height: 161px;
background: url(../images/titre_mentions.jpg) no-repeat;
}
.mentions #milieu #milieu_droite{
float: left;
width: 839px;
background: url(../images/fond_mentions.jpg) repeat-y;
height: 602px;
}
.mentions #milieu #milieu_droite #accordion{
padding: 40px 0 0 120px;
width: 650px;
height: 400px;
}
.mentions #milieu #milieu_droite #accordion p{
padding: 5px 0 5px 0;
font-family: arial;
font-size: 1em;
color: #333333;
}
.mentions #milieu #milieu_droite #accordion h3.toggler{
font-family: arial;
font-size: 1.1em;
color: #ff9900;
}
/**************************************************************************************************************
                            ***************page plan du site**************
**************************************************************************************************************/
.plan #milieu #milieu_gauche{
float: left;
width: 141px;
height: 457px;
background-color: #424355;
}
.plan #haut #haut_droite{
float: left;
width: 839px;
height: 161px;
background: url(../images/titre_plan.jpg) no-repeat;
}
.plan #milieu #milieu_droite{
float: left;
width: 839px;
background: url(../images/fond_plan.jpg) repeat-y;
height: 457px;
}
.plan #milieu #milieu_droite #contenu_gauche{
float: left;
width: 450px;
padding: 40px 0 0 86px;
}
.plan #milieu #milieu_droite #contenu_gauche #arbosite{
padding: 0 0 0 40px;
}
.plan #milieu #milieu_droite #contenu_gauche #arbosite ul li{
font-family: arial;
font-size: 1em;
color: #333333;
padding: 5px 0 5px 0;
list-style-image: url(../images/puce_plan.jpg);
vertical-align: middle;
}
.plan #milieu #milieu_droite #contenu_gauche #arbosite ul li a{
color: #333333;
text-decoration: none;
}
.plan #milieu #milieu_droite #contenu_gauche #arbosite ul li a:hover{
color: #333333;
text-decoration: underline;
}
.plan #milieu #milieu_droite #contenu_gauche #arbosite ul li ul li{
font-family: arial;
font-size: 0.8em;
color: #333333;
padding: 2px 0 2px 0;
margin: 0 0 0 15px;
list-style-image: url(../images/puce_plan.jpg);
vertical-align: middle;
}

#carte_voeux {

  margin-left:87px;
  width:703px;
  text-align: center;
  padding-top: 35px;

}