/* CSS Document */
body {
background : #f4f4f4;
margin-top : 18px;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal;
font-style : normal;
color : #202020;
font-size : 12px;
}
img {
border : 0;
}
#header {
width : 100%;
height : 300px;
}
#lien_header {
width : 100%;
height : 34px;
}
#lien_header .blocmenu_header {
float:right;
}
#lien_header .blocmenu_header a {
color : #363636;
font-size : 12px;
text-decoration : none;
display : block;
float : left;
padding : 0 7px 0 7px;
}
#lien_header .blocmenu_header a:hover {
color : #e20a16;
font-size : 12px;
display : block;
float : left;
padding : 0 7px 0 7px;
}
#lien_header .blocmenu_header span {
color : #363636;
font-size : 12px;
display : block;
float : left;
}
#block_lang {
border : 1px solid #dbdbdb;
width : 60px;
display : block;
float : right;
height : 16px;
}
#block_lang a {
color : #363636;
border-left : 1px solid #dbdbdb;
display : block;
float : left;
padding : 0 8px 0 8px;
}
#block_lang a:hover {
color : #363636;
border-left : 1px solid #dbdbdb;
display : block;
float : left;
padding : 0 8px 0 8px;
text-decoration:underline;
}
#menu_home {
background : url(image_en/gif/bg_menu.gif) no-repeat;
height : 50px;
width : 100%;
}
#menu_home a {
color : #ffffff;
font-size : 14px;
display : block;
height : 44px;
float : left;
padding-left : 19px;
padding-right : 19px;
line-height : 40px;
text-decoration : none;
}
#menu_home a:first-child {
color : #ffffff;
margin-left : 3px;
font-size : 14px;
display : block;
height : 44px;
float : left;
padding-left : 19px;
padding-right : 19px;
line-height : 40px;
text-decoration : none;
}
#menu_home a:hover {
color : #ffffff;
font-size : 14px;
display : block;
height : 41px;
float : left;
padding-left : 19px;
padding-right : 19px;
line-height : 40px;
text-decoration : none;
border-bottom : 3px solid #ff0000;
}
#menu_home a.active {
color : #ffffff;
font-size : 14px;
display : block;
height : 41px;
float : left;
padding-left : 19px;
padding-right : 19px;
line-height : 40px;
text-decoration : none;
border-bottom : 3px solid #ff0000;
}
#menu_home .sepmenu {
background : url(image_en/gif/sep_menu_home.gif) no-repeat;
width : 2px;
height : 44px;
float : left;
display : block;
}
.input_recherche {
height : 20px;
padding:3px 0 0 0;
width : 150px;
float : right;
border-left : 1px solid #002b59;
border-bottom : 1px solid #002b59;
border-top : 1px solid #002b59;
background-color : #f8f8f8;
background : url(image_en/gif/bg_input_recherche.gif) no-repeat top left #fff;
color : #676767;
font-size : 11px;
line-height : 18px;
text-indent:25px;
margin-top:5px;
}
textarea {
color : #4e4c4d;
border-right : 1px solid #d5d5d5;
border-top : 1px solid #d5d5d5;
font-size : 11px;
border-left : 1px solid #d5d5d5;
border-bottom : 1px solid #d5d5d5;
font-family : Arial;
background-image : url(image_en/gif/fond_input.gif);
background-repeat : repeat-x;
background-position : top left;
width : 255px;
padding-top : 3px;
height : 50px;
padding-left : 3px;
}
input.contact {
color : #4e4c4d;
border-right : 1px solid #d5d5d5;
border-top : 1px solid #d5d5d5;
font-size : 11px;
border-left : 1px solid #d5d5d5;
border-bottom : 1px solid #d5d5d5;
font-family : Arial;
background-image : url(image_en/gif/fond_input.gif);
background-repeat : repeat-x;
background-position : top left;
width : 255px;
padding-top : 3px;
height : 16px;
padding-left : 3px;
}
.search_ok {
background-color : #0155ad;
width : 54px;
height : 25px;
padding-bottom:3px;
float : right;
display : block;
text-align : center;
color : #ffffff;
font-size : 12px;
border : 0;
margin-top:5px;
cursor:pointer;
}
.text_logo {
font-family: Georgia, serif;
font-size: 15px;
color:#002D58;
font-style: normal;
font-weight: lighter;
letter-spacing: 4px;
padding:0 0 0 5px;
margin:-4px 0 0 0;
display:block;
}
/* left part */
#left {
width : 187px;
height : 100%;
}
.titre {
color : #383737;
font-size : 18px;
margin : 15px 0 17px 15px;
display : block;
}
.info_news {
width:187px;
}
#block_news {
background-color : #ffffff;
border : 1px solid #d5d5d5;
width : 100%;
}
#block_news .date {
color : #df0d18;
font-size : 12px;
display : block;
margin-left : 15px;
}
#block_news .discription {
color : #202020;
font-size : 12px;
display : block;
margin-left : 15px;
margin-right : 20px;
margin-bottom:5px;
}
#block_projetfutur {
background-color : #ffffff;
border : 1px solid #d5d5d5;
width : 100%;
}
#block_projetfutur .imgpuce {
margin-left : 15px;
}
#block_projetfutur span.tireparagraphe {
font-size:12px;
font-weight:bold;
}
#block_projetfutur p {
color : #202020;
font-size : 11px;
margin : 0 15px 0 15px;
}
.sep_horizontal {
background : url(image_en/gif/sep_projetfutur.gif) no-repeat;
display : block;
margin : 7px 0 7px 0;
height : 2px;
width : 184px;
}
/* left part for our company page*/
#tire_left {
background:url(image_en/gif/bg_titr_left.gif);
display:block;
width:188px;
height:36px;
color:#FFFFFF;
font-size:17px;
line-height:35px;
text-indent:8px;
}
#menuleft {
list-style-type:none;
padding:0;
margin:0;
width:187px;
z-index:100;
}
#menuleft ul {
list-style-type:none;
padding:0;
margin:0;
}
#menuleft li {
float:left;
position:relative;
border-bottom:1px dotted #919191;
width:187px;
padding:9px 0 9px 0;
display:block;
}
#menuleft li:hover {
float:left;
position:relative;
border-bottom:1px dotted #919191;
width:187px;
padding:9px 0 9px 0;
display:block;
background:#ffffff;
}
#menuleft li a {
color:#000000;
font-size:12px;
text-decoration:none;
}
#menuleft li.sub {
background-color:#FEFEFE;
float:left;
position:relative;
border-bottom:1px dotted #919191;
width:187px;
padding:9px 0 9px 0;
}
#menuleft li.sub a {
color:#000000;
font-size:12px;
text-decoration:none;
}
#menuleft li.sub img {
margin-left:15px;
}
#menuleft li.fly {
background-color:#E5ECF4;
display:block;
float:left;
position:relative;
border-bottom:1px dotted #919191;
width:187px;
padding:9px 0 9px 0;
}
#menuleft li.fly:hover {
background-color:#B8C5D5;
display:block;
float:left;
border-bottom:1px dotted #919191;
width:187px;
padding:9px 0 9px 0;
}
#menuleft li.fly a {
color:#000000;
font-size:12px;
text-decoration:none;
}
#menuleft li.fly a:hover {
color:#ffffff;
font-size:12px;
text-decoration:none;
}
#menuleft li.fly img {
margin-left:25px;
}
/* content part */

#block_presentation {
background-color : #ffffff;
border : 1px solid #d5d5d5;
width : 782px;
min-height : 413px;
}
* html #block_presentation {
background-color : #ffffff;
border : 1px solid #d5d5d5;
width : 782px;
height : 413px;
}
#block_contenu {
background-color : #ffffff;
border : 1px solid #d5d5d5;
width : 782px;
min-height : 380px;
}
#block_presentation .bouton_ensavoirplus {
background : url(image_en/gif/bg_ensavoir_plus.gif) no-repeat;
display : block;
width : 85px;
height : 32px;
float : right;
margin-top : -2px;
margin-right : -2px;
position:relative;
}
#block_presentation .bouton_ensavoirplus a {
font-size : 12px;
color : #ffffff;
line-height : 25px;
text-decoration : none;
margin-left : 12px;
}
#block_presentation img {
margin : 0 15px 15px 15px;
}
#block_presentation .texte_noir {
color : #202020;
font-size : 14px;
font-weight : bold;
}
#block_presentation ul {
color : #202020;
font-size : 14px;
list-style-image : url(image_en/gif/puce.gif);
font-weight : bold;
margin:20px 0 0 20px;
padding:0;
}
#block_presentation p {
color : #202020;
font-size : 12px;
clear : both;
margin-left : 15px;
}
.titre_article {
color : #383737;
font-size : 18px;
line-height:30px;
}
/* content part our company page*/
#artcile {
background-color:#FDFDFD;
height:50px;
padding:11px 0 11px 0;
border-top: #C6C6C6 solid 1px;
}
#artcile span.date_histoire {
background-color:#E30917;
width:36px;
height:19px;
line-height:18px;
display:block;
text-align:center;
margin:0 10px 0 6px;
color:#FFFFFF;
font-size:10px;
float:left;
}
#artcile span.texte_histoire {
float:left;
display:block;
width:724px;
padding-bottom:10px;
}
/* content part services page*/
.titre_article_bleu {
color : #02448B;
font-size : 18px;
line-height:30px;
}
#discription_projet {
border-top:#939393 solid 1px;
display:block;
width:375px;
height:auto;
padding-bottom:30px;
}
#discription_projet img.project_disc {
float:left;
display:block;
margin:10px 20px 0 0;
}
#discription_projet p {
display:block;
float:left;
margin:20px 0 0 0;
}
/* content part for oil gaze page */
#discription_paltforme {
height:auto;
width:100%;
margin-top:27px;
}
#discription_paltforme img {
float:left;
margin:0 20px 0 0;
}
#discription_paltforme div#paltforme_texte {
float:left;
width:520px;
}
#discription_paltforme div#paltforme_texte p.infos {
display:block;
color:#000000;
font-size:12px;
margin:0;
padding:0 0 20px 0;
border-bottom: #939393 dotted 1px;
width:300px;
min-width:300px;
max-width:500px;
}
#discription_paltforme div#paltforme_texte p.discription_texte {
display:block;
clear:both;
padding:0 0 20px 0;
border-bottom: #939393 solid 1px;
}
.texte_bleu {
color:#02448B;
font-size:12px;
font-weight:bold;
}
/* content part our fiel of activity */

#block_filed_left {
display:block;
float:left;
margin:0 17px 17px 0;
width:380px;
background-color:#FFFFFF;
border:#D2D2D2 solid 1px;
padding:0 0 10px 0;
min-height:330px;
}
* html #block_filed_left {
display:block;
float:left;
margin:0 17px 17px 0;
width:371px;
background-color:#FFFFFF;
border:#D2D2D2 solid 1px;
padding:0 0 10px 9px;
height:330px;
}
#block_filed_left .titre_field {
color:#383737;
font-size:16px;
display : block;
float:left;
margin:10px;
}
#block_filed_left .discription_field {
display:block;
clear:both;
padding:0;
margin:0 auto 10px auto;
width:360px;
}
#block_filed_right {
display:block;
float:left;
margin:0;
width:380px;
background-color:#FFFFFF;
border:#D2D2D2 solid 1px;
padding:0 0 10px 0;
min-height:330px;
}
* html #block_filed_right {
display:block;
float:left;
margin:0;
width:380px;
background-color:#FFFFFF;
border:#D2D2D2 solid 1px;
padding:0 0 10px 0;
height:330px;
}
#block_filed_right .titre_field {
color:#383737;
font-size:16px;
display : block;
float:left;
margin:10px;
}
#block_filed_right .discription_field {
display:block;
clear:both;
padding:0;
margin:0 auto 0 auto;
width:360px;
}
#block_filed_left .bouton_ensavoirplus {
background : url(image_en/gif/bg_ensavoir_plus.gif) no-repeat;
display : block;
width : 85px;
height : 32px;
float : right;
margin-top : -2px;
margin-right : -2px;
position:relative;
}
#block_filed_left .bouton_ensavoirplus a {
font-size : 12px;
color : #fff;
line-height : 25px;
text-decoration : none;
margin-left : 13px;
}
#block_filed_right .bouton_ensavoirplus {
background : url(image_en/gif/bg_ensavoir_plus.gif) no-repeat;
display : block;
width : 85px;
height : 32px;
float : right;
margin-top : -2px;
margin-right : -2px;
position:relative;
}

#block_filed_right .bouton_ensavoirplus a {
font-size : 12px;
color : #ffffff;
line-height : 25px;
text-decoration : none;
margin-left : 13px;
}
/* footer part */
#footer {
height : 55px;
width : 100%;
}
.texte_gris {
color : #a3a3a3;
font-size : 11px;
}
.lien_email {
color : #a3a3a3;
font-size : 11px;
text-decoration : none;
}
.lien_noir {
color : #000000;
font-size : 11px;
text-decoration : none;
}
.lien_bleu_clair {
color : #022e79;
font-size : 11px;
text-decoration : none;
}
.lien_email:hover {
color : #e20a16;
font-size : 11px;
}
.sep_footer {
background : url(image_en/gif/sep_footer.gif) no-repeat;
width : 1px;
height : 34px;
float : left;
padding-right : 30px;
}
.td_send {
background-color:#0155ad;
padding:3px;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
cursor:pointer;
}
.td_delete {
background-color:#e20a16;
padding:3px;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
cursor:pointer;
}
.td_gallerie {
BORDER-RIGHT: #02448B 1px solid;
BORDER-LEFT: #02448B 1px solid;
BORDER-top: #02448B 1px solid;
BORDER-bottom: #02448B 1px solid;
/*background-color:#ff0000;*/
padding-top:4px;
padding-bottom:4px;
padding-left:4px;
padding-right:4px;

}
.float_galerie {
float:left;
margin-right:20px;
margin-bottom:20px;
}
/* Added   */ 
ul.contenu {
list-style:none;
color:black;
font-family:Arial, Helvetica, sans-serif;
}
.odd {
background-color:#FDFDFD;
border-top: #C6C6C6 solid 1px;
padding:10px 10px 15px 10px;
}
.even {
border-top: #C6C6C6 solid 1px;
padding:10px 10px 15px 10px;
}
.txt_rouge12 {
color:red;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0px;
margin:0px;
}
.txt_noir12 {
color:black;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0px;
margin:0px;
}
.description ul.pere {
margin:0px;
padding:0px;
list-style:none;
}
.description ul.pere li {
background:url(image_en/gif/puce_list.gif) no-repeat left top;
padding-left:10px;
}
.description ul.pere ul.fils {
margin:0px;
padding:0;
list-style:none;
}
.description ul.pere ul.fils li {
background:url(image_en/gif/puce_list_gris.gif) no-repeat left top;
padding-left:10px;
}
.zone1 {
background-color:#EFF2F4;
}
.zone2 {
background-color:#FFFFFF;
}
.td_envoyer {
background-image:url(image_en/gif/bt_formulaire_rouge.gif);
background-repeat:no-repeat;
font-family:Arial;
font-size:9px;
height:20px;
width:70px;
color:white;
cursor:pointer;
}
.td_effacer {
background-image:url(image_en/gif/bt_formulaire_gris.gif);
background-repeat:no-repeat;
font-family:Arial;
font-size:9px;
height:20px;
width:70px;
color:white;
cursor:pointer;
}
div.certificat {
margin: auto;
width: 480px;
}
div.certificat img {
float:left;
padding:1px;
margin:20px;
border:0;
}
div.certificat img:hover {
background-color:#c0c0c0;
}
div.feature_projects {
margin:4px;
}
ul.feature_projects {
list-style:none;
margin:0 0 0 6px;
padding:0;
}
/* Added1   */ 
.bloc_diapo_gen {
width:800px;
padding-left:10px;
}
.bloc_diapo_gen img.diapo {
float:left;
margin-right:10px;
margin-bottom:10px;
}


.td_sa_odd {
background-color:#0155ad;
padding:3px;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
cursor:pointer;
}

.td_sa_even {
background-color:#000;
padding:3px;
color:black;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
cursor:pointer;
}