/*----------------------------------------------------------
Style principal
Projet:
Sommaire:
Reset css
Balises par défaut
Disposition
Disposition générale
Disposition des éléments courants
Navigation principale
Navigation secondaire
Disposition des pages internes
Home
Articles
Contact
Mentions
Classes générales
IE Patchs (PNG fix, hasLayout triggers, etc.)
----------------------------------------------------------*/
/* ========================================================================
* Reset CSS
* ========================================================================*/
@import "reset2.css";
/* ========================================================================
* Balises par défaut
* ========================================================================*/
html {
height:100%;
background:url(../images/fond/bg.gif) repeat-x 0 0;
}
body {
height:100%;
background: url(../images/fond/bg_raye.gif) no-repeat 800px 0;
font:normal normal normal 11px/18px tahoma,arial,sans-serif;
}
h1 { }
h2 { background:url(../images/fond/bg_title.gif) no-repeat center bottom;
padding:10px 0 33px 0;
text-align:center;
}
h3 { }
h4 { }
h5 { }
h6 { }
p { }
img { }
sup { }
abbr, acronym { }
blockquote, q { }
blockquote { }
cite { }
table {}
caption { }
ul { }
ol { }
dl { }
form { }
fieldset { }
input { }
label { }
a {
color:#000;
font-weight:bold;
}
a:link { }
a:visited { }
a:hover {
color:#0c4a7f;
}
a:focus { }
a[hreflang]:after { }
a img { }
code, pre { }
pre { }
hr { }
/* ========================================================================
* Disposition
* ========================================================================*/
/* -----------------------------------------
* Disposition générale
* ------------------------------------------*/
div#centrer {
width:977px;
position:relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 7px;
padding-right: 0;
padding-bottom: 5px;
padding-left: 0;
}
div#header {
width:977px;
height:372px;
background:url(../images/fond/bg_header.gif) no-repeat 0 0;
position:relative;
}
div#header h1#logo {
position:absolute;
top:0;
left:20px;
}
div#header div.langage {
position:absolute;
top:47px;
left:930px;
}
div#header div#my_slideshow,
div#header div#my_pics{
width:977px;
height:251px;
position:absolute;
top:121px;
left:0;
z-index:0;
margin:0;
}
div#content {
width:977px;
background:#fff url(../images/fond/bg_content.gif) repeat-x 0 0;
float:left;
}
div#content div.bg {
width:977px;
background:url(../images/fond/bg_footer.gif) no-repeat left bottom;
float:left;
}
div#content div.container-left {
float:left;
width:630px;
padding:10px;
}
div#content div.container-right {
float:left;
width:327px;
}
div#content div.container-right div.container_01{
position:relative;
}
div#content div.container-right div.container_01 img{
display:block;
}
div#content div.container-right div.container_01 p.more{
position:absolute;
top:189px;
left:46px;
margin:0;
}
div#content div.container-right div.container_01 p.more a{
color:#fff;
text-decoration:none;
background:url(../images/puce/puce_03.gif) no-repeat 95px 8px;
display:block;
width:98px;
height:20px;
padding:0 0 0 10px;
}
div#content div.container-right div.container_01 p.more a:hover{
border:1px solid #afaeb7;
}
div#content div.container-right div.news{
width:00px;
height:auto;
background-color:#3E4151;
padding:0px;
}
div#content div.container-right div.news p.title{
color:#88878f;
line-height:12px;
}
div#content div.container-right div.news p.desc{
color:#fff;
}
div#content div.container-right div.news p.date{
background:url(../images/puce/puce_04.gif) no-repeat 0 5px;
color:#5e5f6a;
padding:0 0 0 15px;
margin:0;
}
/*div#content div.container-right div.news*/ a.more{
text-decoration:none;
background:url(../images/puce/puce_05.gif) no-repeat 60px 5px;
color:#6c8fb2;
padding:0 20px 0 0;
font-weight:normal;
}
/*div#content div.container-right div.news*/ a.more2{
text-decoration:none;
background:url(../images/puce/puce_05.gif) no-repeat 88px 5px;
color:#6c8fb2;
padding:0 15px 0 0;
font-weight:bold;
}
a.more:hover,
a.more2:hover{
color:#19578e;
text-decoration:underline;
}
div#content div.container-right div.news a.more:hover{
text-decoration:underline;
}
div#outro {
clear:both;
}
div#outro p{
margin:0;
text-align:right;
padding:3px 15px;
color:#fff;
}
div#outro p a{
color:#fff;
text-decoration:none;
padding:0 7px;
}
div#footer {
clear:both;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #d8d8d8;
}
div#footer p{
color:#b3b3b3;
padding:3px 5px;
}
/* -----------------------------------------
* Disposition des éléments courants
* ------------------------------------------*/
/* __________ Navigation principale */
ul#menu { width:977px; height:52px; position:absolute; top:69px; left:0; z-index:5500; }
ul#menu * { margin:0; padding:0; text-decoration:none; list-style:none; display:block; line-height:15px; }
ul#menu li { float:left; margin:0 10px;}
ul#menu li a.linka { color:#fff; padding:6px 10px 7px 10px; }
ul#menu li.on { background:#fff url(../images/fond/bg_menu.gif) no-repeat top left; }
ul#menu li.on div { background:url(../images/puce/puce_01.gif) no-repeat center bottom; }
ul#menu li.on a.linka { background:url(../images/fond/bg_menu.gif) no-repeat top right; color:#0c4a7f; }
ul#menu li ul { position:absolute; width:150px; }
ul#menu li ul li { position:relative; margin:0; }
ul#menu li.on ul li a.linka { width:150px; background:#f4f4f4;border-top:1px solid #fff; border-bottom:1px solid #e0e0e0; padding:5px 10px; }
ul#menu li.on ul li a.linka:hover { background:#fff; }
ul#menu li.on ul li span.joinedlink { width:150px; background:#f4f4f4;border-top:1px solid #fff; border-bottom:1px solid #e0e0e0; padding:5px 10px; }
ul#menu li.on ul li span.joinedlink a.joined { padding:0;margin:0 }
ul#menu li ul li ul { position:absolute; top:0; left:170px; }
/* __________ Navigation secondaire */
/*ul#ancremenu { height:32px; z-index:5500; background:#85A4C2 url(../images/fond/bg_cadre.gif) repeat-x scroll 0 0; }
ul#ancremenu * { margin:0; padding:0; text-decoration:none; list-style:none; display:block; line-height:15px; }
ul#ancremenu li { float:left; margin:0 10px;}
ul#ancremenu li.on { background:#fff url(../images/fond/bg_menu.gif) no-repeat top left; }
ul#ancremenu li.on div { height:32px; background:url(../images/puce/puce_01.gif) no-repeat center bottom; }*/
/* __________ Fil d'arianne */
div#navfil { }
/* -----------------------------------------
* Disposition des pages internes
* ------------------------------------------*/
/* __________ Articles.php */
div#actu{ }
div#actu div.actu2-bot{
padding:10px 0;
float:left;
}
div#actu div.actu2-top{
border-left:2px solid #e6ebf2;
padding:0 15px;
float:left;
width:580px;
}
div#actu div.actu2-top h3{
color:#19578e;
background:#f1f4f8;
padding:0 2px;
font-size:12px;
}
div#actu div.actu2-top p.date{
background:url(../images/puce/puce_04.gif) no-repeat 0 5px;
color:#5e5f6a;
padding:0 0 0 15px;
margin:0;
}
/* __________ Article.php */
div#article h3{
color:#19578e;
background:#f1f4f8;
padding:0 2px;
font-size:12px;
}
div#article p.date{
background:url(../images/puce/puce_04.gif) no-repeat 0 5px;
color:#5e5f6a;
padding:0 0 0 15px;
margin:0;
}
/* __________ Newsletter.php */
div#newsletter{ }
div#newsletter p {
margin:6px 0;
line-height:15px;
}
div#newsletter label.lbleft {
float:left;
margin:0 10px 0 0;
text-align:right;
width:200px;
font-weight:bold;
}
div#newsletter input.text {
border:1px solid #CCCCCC;
color:#000;
font-size:11px;
margin:0;
width:274px;
padding:2px 3px;
}
/* __________ Contact.php */
div#contact{ }
div#contact p {
margin:6px 0;
line-height:15px;
}
div#contact label.lbleft {
float:left;
margin:0 10px 0 0;
text-align:right;
width:200px;
font-weight:bold;
}
div#contact input.text {
border:1px solid #CCCCCC;
color:#000;
font-size:11px;
margin:0;
width:274px;
padding:2px 3px;
}
div#contact textarea {
border:1px solid #CCCCCC;
color:#6F6060;
font-family:"Trebuchet MS",sans-serif;
font-size:11px;
padding:0 3px;
width:274px;
}
/* __________ Candidate.php */
div#candidate{ }
div#candidate p {
margin:6px 0;
line-height:15px;
}
div#candidate label.lbleft {
float:left;
margin:0 10px 0 0;
text-align:right;
width:155px;
font-weight:bold;
}
div#candidate input.text {
border:1px solid #CCCCCC;
color:#000;
font-size:11px;
margin:0;
width:274px;
padding:2px 3px;
}
div#candidate input.textdate {
border:1px solid #CCCCCC;
color:#000;
font-size:11px;
margin:0;
width:50px;
padding:2px 3px;
}
div#candidate textarea {
border:1px solid #CCCCCC;
color:#6F6060;
font-family:"Trebuchet MS",sans-serif;
font-size:11px;
padding:0 3px;
width:274px;
}
div#candidate div.border_01 {
border:1px solid #CCCCCC;
width:530px;
margin:0 auto 10px auto;
padding:10px;
}
div#candidate h3 {
margin-left:47px;
}
/* __________ Offers.php */
div#offers table.offers{
margin:10px 0;
}
div#offers table.offers td{
background:#f4f4f4;
padding:5px 10px;
border-top:1px solid #fff; border-bottom:1px solid #e0e0e0;
}
div#offers table.offers td strong{
color:#333;
}
/* __________ Mentions.php */
div#mentions { }
/* ========================================================================
* Classes générales
* ========================================================================*/
.denied ul li { color:#C4000C; font-weight:bold; list-style-position:inside; list-style-type:square; margin:0 0 0 30px; padding:3px 0; line-height:14px; }
.ok ul li { color:#37b500; font-weight:bold; list-style-position:inside; list-style-type:square; margin:0 0 0 30px; padding:3px 0; line-height:14px; }
.clear { clear:both; }
.nodisplay { display:none; }
.center { text-align:center; }
.italic { font-style:italic; }
.bold { font-weight:bold; }
.bita { font-style:italic; font-weight:bold; }
.right { text-align:right; }
.left { text-align:left; }
.justify { text-align:justify; }
.flright { float:right; }
.flleft { float:left; }
.underline { text-decoration:underline; }
.top { background:url(../images/puce/top.gif) no-repeat 0 5px; font-size:9px; padding:0 11px; color:#E85316; }
.puce_carre_gris li { background:url(../images/puce/puce_06.gif) no-repeat 22px 8px; padding: 0 20px 0 34px; }
.puce_carre_gris li li { background:url(../images/puce/puce_09.gif) no-repeat 22px 8px; padding: 0 20px 0 34px; }
.puce_check_bleu li { background:url(../images/puce/check_bleu.gif) no-repeat 0 4px; padding: 0 0 0 13px; }
.puce_check_bleu li strong { color:#7daeca;}
.puce_fl_bleu { background:url(../images/puce/puce_08.gif) no-repeat 0 4px; padding: 0 0 0 13px; }
.puce_carre_gris2 { background:url(../images/puce/puce_09.gif) no-repeat 0 8px; padding: 0 20px 0 14px; }
.puce_carre_gris3 li { background:url(../images/puce/puce_09.gif) no-repeat 0 8px; padding: 0 0 0 9px; }
.cadre { background:#85a4c2 url(../images/fond/bg_cadre.gif) repeat-x 0 0; font-weight:bold; color:#fff; padding:10px 20px;}
.cadre a { color:#fff; text-decoration:none;}
.cadre a:hover { text-decoration:underline; color:#fff;}
.cadre ul li { background:url(../images/puce/check_blanc.gif) no-repeat 0 4px; padding: 0 0 0 13px; }
.cadre2 { border:1px solid #b5bdca; font-weight:bold; color:#6c8fb2; padding:10px 20px;}
.cadre2 ul li { background:url(../images/puce/puce_05.gif) no-repeat 0 8px; padding: 0 0 0 13px; }
/* ========================================================================
* IE Patchs (PNG fix, hasLayout triggers, etc.)
* ========================================================================*/
.slideshow-images {
display: block;
overflow: hidden;
position: relative;
}
.slideshow-images img {
display: block;
position: absolute;
z-index: 1;
}
.slideshow-thumbnails {
overflow: hidden;
}
.slideshow-images {
width:977px;
height:251px;
}
.slideshow-images-visible {
opacity: 1;
}
.slideshow-images-prev {
opacity: 0;
}
.slideshow-images-next {
opacity: 0;
}
.slideshow-images img {
float: left;
left: 0;
top: 0;
}
.slideshow a img {
border: 0;
}
.slideshow-captions {
background: #000;
bottom: 0;
color: #FFF;
font: normal 12px/22px Arial, sans-serif;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 10px;
width: 100%;
z-index: 10000;
}
.slideshow-captions-hidden {
height: 0;
opacity: 0;
}
.slideshow-captions-visible {
height: 22px;
opacity: .7;
}
.slideshow-controller {
background: url(controller.png) no-repeat;
height: 42px;
left: 50%;
margin: -21px 0 0 -119px;
overflow: hidden;
position: absolute;
top: 50%;
width: 238px;
z-index: 10000;
}
.slideshow-controller * {
margin: 0;
padding: 0;
}
.slideshow-controller-hidden {
opacity: 0;
}
.slideshow-controller-visible {
opacity: 1;
}
.slideshow-controller a {
cursor: pointer;
display: block;
height: 18px;
overflow: hidden;
position: absolute;
top: 12px;
}
.slideshow-controller a.active {
background-position: 0 18px;
}
.slideshow-controller li {
list-style: none;
}
.slideshow-controller li.first a {
background-image: url(controller-first.gif);
left: 33px;
width: 19px;
}
.slideshow-controller li.last a {
background-image: url(controller-last.gif);
left: 186px;
width: 19px;
}
.slideshow-controller li.next a {
background-image: url(controller-next.gif);
left: 145px;
width: 28px;
}
.slideshow-controller li.pause a {
background-image: url(controller-pause.gif);
left: 109px;
width: 20px;
}
.slideshow-controller li.play a {
background-position: 20px 0;
}
.slideshow-controller li.play a.active {
background-position: 20px 18px;
}
.slideshow-controller li.prev a {
background-image: url(controller-prev.gif);
left: 65px;
width: 28px;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {
height: 28px;
right: 472px;
position: absolute;
top: 114px;
width: 28px;
z-index: 10001;
}
.slideshow-loader-hidden {
opacity: 0;
}
.slideshow-loader-visible {
opacity: 1;
}
/**
HTML:
Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails {
bottom: -65px;
height: 65px;
left: 0;
position: absolute;
width: 100%;
}
.slideshow-thumbnails * {
margin: 0;
padding: 0;
}
.slideshow-thumbnails ul {
height: 65px;
left: 0;
position: absolute;
top: 0;
width: 10000px;
}
.slideshow-thumbnails li {
float: left;
list-style: none;
margin: 5px 5px 5px 0;
position: relative;
}
.slideshow-thumbnails a {
display: block;
padding: 5px;
position: relative;
}
.slideshow-thumbnails a:hover {
background-color: #FF9 !important;
opacity: 1 !important;
}
.slideshow-thumbnails img {
display: block;
}
.slideshow-thumbnails-active {
background-color: #9FF;
opacity: 1;
}
.slideshow-thumbnails-inactive {
background-color: #FFF;
opacity: .5;
}
#content table.t_01 tr td{
text-align:left;
vertical-align:top;
}
#content table.t_01 tr td p{
margin:0 20px 0 20px;
}
#content table.t_02 tr td{
text-align:left;
vertical-align:top;
}
#content table.t_02 tr td p{
margin:2px 0;
}
#content table.t_03{
margin:45px 0;
}
#content table.t_03 tr td{
text-align:left;
vertical-align:top;
border-left:2px solid #eaeaec;
padding:0 15px;
}
#content p.intro{
font-weight:bold;
}
#content p{
margin:7px 0;
}
#content h3.puced_blue{
background: url(../images/puce/puce_02.gif) no-repeat 0 5px;
padding:0 0 0 15px;
color:#336393;
margin:7px 0 7px 20px;
zoom:1;
}
a.back {
background:url(../images/puce/puce_07.gif) no-repeat 0 3px;
color:#66656d;
padding:0 0 0 13px;
text-decoration:none;
}
a.back:hover{
text-decoration:underline;
}
#content h3{
color:#19578e;
font-size:12px;
}
.citation{
color:#9fb7cf;
padding:0 20px;
font-size:12px;
font-style:italic;
text-align:center;
font-weight:bold;
}
div.map_paris{
width:100px;
height:100px;
background:red;
position:absolute;
top:10px;
left:10px;
}
div.map_maroc{
width:100px;
height:100px;
background:red;
position:absolute;
top:10px;
left:10px;
}
a.solutions { text-decoration:none; color:#336393; }
a.solutions:hover { text-decoration:underline; }
div#solutions div.onglets{
width:628px;
height:20px;
background:#6a8db2 url(../images/menu/bg.gif) repeat-x bottom left;
padding:2px 0 0 0;
}
div#solutions div.onglets ul li {
float:left;
margin:0 6px;
}
div#solutions div.onglets ul li a.on {
color:#19578E;
background:url(../images/menu/bg_left.gif) no-repeat top left;
line-height:16px;
display:block;
padding:0 0 0 2px;
text-decoration:none;
}
div#solutions div.onglets ul li a.on span {
background:#fff url(../images/menu/bg_right.gif) no-repeat top right;
line-height:16px;
display:block;
padding:0 10px 4px 10px;
}
div#solutions div.onglets ul li a.off {
color:#fff;
line-height:16px;
display:block;
padding:0 0 0 2px;
text-decoration:none;
}
div#solutions div.onglets ul li a.off:hover {
text-decoration:underline;
}
div#solutions div.onglets ul li a.off span {
line-height:16px;
display:block;
padding:0 10px 4px 10px;
cursor:pointer;
}
/*__________*/
div#solutions div.onglets_2{
width:628px;
height:20px;
background:#6a8db2 url(../images/menu/bg.gif) repeat-x bottom left;
padding:2px 0 0 0;
}
div#solutions div.onglets_2 ul li {
float:left;
margin:0 6px;
}
div#solutions div.onglets_2 ul li.on a {
color:#19578E;
background:url(../images/menu/bg_left.gif) no-repeat top left;
line-height:16px;
display:block;
padding:0 0 0 2px;
text-decoration:none;
}
div#solutions div.onglets_2 ul li.on a span {
background:#fff url(../images/menu/bg_right.gif) no-repeat top right;
line-height:16px;
display:block;
padding:0 10px 4px 10px;
}
div#solutions div.onglets_2 ul li a {
color:#fff;
line-height:16px;
display:block;
padding:0 0 0 2px;
text-decoration:none;
}
div#solutions div.onglets_2 ul li a:hover {
text-decoration:underline;
}
div#solutions div.onglets_2 ul li.on a:hover {
text-decoration:none;
}
div#solutions div.onglets_2 ul li a span {
line-height:16px;
display:block;
padding:0 10px 4px 10px;
cursor:pointer;
}
.display {
display:block;
}
.no_display {
display:none;
}
div#solutions div.content{
padding:10px 0 0 0;
}
div#solutions div.content h3.title{
border-bottom:1px solid silver;
padding:0 0 10px 15px;
margin:0;
}
div.carte_europe{
width:629px;
height:569px;
position:relative;
}
/* //////////////////////////////////////// Messages flash */
.flash { width: 70%; margin: 0 auto 14px auto; padding: 15px 15px 15px 75px; font-size: bold }
.flash ul { margin: 0; padding: 0 }
.flash ul li { padding: 0 0 0 21px; line-height: 14px }
.flash-hidden {
height: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
opacity: 0;
}