/*@author Mus <m.abdous@maroctic.com>*/
body{font-family:Arial, Helvetica, sans-serif;}

a{font-family:Arial, Helvetica, sans-serif;}
a:hover{font-family:Arial, Helvetica, sans-serif;}

/*block contener global content-->*/
.contener{width:755px; margin:auto}

/*header bloc*/
#oteo_header{width:100%; height:118px;}

/*logo style && position*/
.oteo_logo{width:49%; float:left;}
.oteo_logo2{width:22px; float: right; }

/*Menu top Accueil | contact | site map */
#header_Menu{width:230px; float:right; margin-top:90px;height:23x;}
#header_Menu ul{margin:0; padding:0;list-style:none;}
#header_Menu li{margin:0; padding:0;list-style:none; height:23x; display:inline;}
#header_Menu li a:link,#header_Menu li a:visited{display:inline;height:23x;color:#B6B6B6;text-decoration:none; padding-left:22px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#header_Menu li a:hover{ text-decoration:underline;}
#header_Menu li a.home:link,#header_Menu li a.home:visited{background:url(../images/oteo_home_icon.gif) no-repeat left;}
#header_Menu li a.home:hover{ text-decoration:underline;}
#header_Menu li a.contact:link,#header_Menu li a.contact:visited{background:url(../images/oteo_contact_icon.gif) no-repeat left;}
#header_Menu li a.contact:hover{text-decoration:underline;}
#header_Menu li a.Map:link,#header_Menu li a.Map:visited{background:url(../images/oteo_map_icon.gif) no-repeat left;}
#header_Menu li a.Map:hover{text-decoration:underline;}

/* la ligne en haut du menu avec un espace separant le bloc menu et recherche */
.left_line{float:left; width:502px;border-top:1px solid #686868;}
.right_line{float:right; width:251px;border-top:1px solid #686868;}

/*Menu Principal */
#oteo_Menu{width:100%; height:36px;}
#menu_content{float:left; width:503px; height:27px; background:#50595B; padding-top:7px;}
#menu_content ul{ padding:0; margin:0; padding-left:3px; list-style:none;}
#menu_content li{ padding:10px 7px 5px 0px!important;padding:10px 3px 5px 3px; height:30px; display:inline;color:#C8C8C8; background:url(../images/oteo_menusepar.gif) no-repeat right 9px;}
#menu_content li.none{ background:none;height:30px; display:inline;color:#C8C8C8;}
#menu_content li a{ text-transform:uppercase;font-weight:bold; font-size:9px;letter-spacing:0px;height:30px;color:#fff; font-family:Arial, Helvetica, serif ;display:inline; text-decoration:none;}
#menu_content li a:hover{ text-decoration:underline;}

/* bloc Recherche */
#search_content{float:left; width:248px; height:28px; background:#8B1513; padding:6px 0px 0px 4px;}
#search_content label{ color:#fff; font-size:10px; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
#search_content input{height:15px; vertical-align:middle; border:1px outset #404040; width:115px; color:#B6B6B6; font-family:Arial, Helvetica, sans-serif;font-size:11px;}
#search_content input.buton{ width:32px; height:21px; border:none;vertical-align:middle; }

/* les 2block des slogans c'est prévu de mettre des animations flash !!*/
.slogan_bloc{width: 100%; height:192px; padding-top:2px;}
.left_slogan{width:503px;height:192px; float:left;border-bottom:1px solid #686868;}
.right_slogan{width:251px;height:192px; float:right;border-bottom:1px solid #686868;}

#Bigtitle_extranet{ color:#C6C7BF; font-size:19px; font-weight:bold; position:relative; top:60px; left:76px; text-transform:uppercase;}
#Bigtitle2_extranet{ color:#FEFCFF; font-size:47px; font-weight:bold; position:relative; top:60px; left:76px; text-transform:uppercase;}


/* content bloc*/
.oteo_content{width:100%; margin-top:6px!important;margin-top:5px;}


/* les défirente  grande titre de eteo 1 2  3 */
#eteo_rub{width:100%; display:table; height:100%;height:auto; background:url(../images/bgpoint_content.gif) repeat-y 0px center; vertical-align:middle}

/* les blocs de titres de eteo 1 2  3 */
#oteo_title{ vertical-align:middle;height:34px; background:url(../images/bg_Title_bloc.gif) repeat-x;width:236px; padding-left:15px; float:left;border-right:1px solid #fff;}
#oteo_title h1{ color:#272727; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin:0; padding:0; vertical-align:middle; padding-top:7px}

/* contenu des blocs 1 2  3 */
#bloc1_content{width:251px; float:left;}
#bloc1_content p{ margin:0; padding:0;}
#bloc1_content span a{color:#8B1513; text-decoration:none; display:inline;}

/* contenu du 1er bloc*/
#left_content{width:220px;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#515151; padding:17px 0px 10px 17px!important; padding:17px 0px 0px 17px; padding-bottom:10px;}
#left_content span{color:#8B1513;}
#left_content a{color:#8B1513; text-decoration:none; display:inline; }
.bg_flesh{background:url(../images/flesh_menu.gif) no-repeat left 3px; padding-left:15px;}
.spacer_point{width:202px; margin:auto;background:url(../images/line_point.gif) repeat-x center; height:2px;padding-bottom:10px;}

.avantage_block{width:100%;padding-top:10px;}

.offshor_txt{color:#272727;font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:10px 10px 15px 10px;}
span.offshor_txt{ font-weight:bolder;}

#Menu_centerbloc{width:220px; margin:auto;margin-top:10px; color:#1A7391; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:11px;}
#Menu_centerbloc ul{padding:0px; margin:0px;}
#Menu_centerbloc li{padding:0px; margin:0px; height:17px; list-style-type:none; display:block; padding-bottom:3px; padding-left:15px; color:#1A7391;background:url(../images/flesh_menu.gif) no-repeat left 4px;}
#Menu_centerbloc li a:link, #Menu_centerbloc li a:visited{display:block;color:#1A7391;text-decoration:underline; font-size:11px; height:17px; }
#Menu_centerbloc li a:hover{color:#1A7391; text-decoration:underline;}


/************************************* start menu service ::::::::::::::::::::*************************************************/

#Menu_service{width:95%; margin:auto;margin-top:10px; color:#1A7391; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px;}
#Menu_service ul{padding:0px; margin:0px;}
#Menu_service li{padding:0px; margin:0px; height:17px; list-style-type:none; display:block; padding-bottom:3px; padding-left:15px; color:#1A7391;background:url(../images/flesh_menu.gif) no-repeat left 4px; white-space:normal;}

#Menu_service h2{display:block;color:#3B3B3B;text-decoration:none; font-size:13px; font-weight:bold; padding:6px 0px 5px 0px; margin:0px;}

#Menu_service li a:link, #Menu_service li a:visited{display:block;color:#1A7391;text-decoration:none; font-size:11px; height:17px;  }
#Menu_service li a:hover{color:#8B1513; text-decoration:underline;}
#Menu_service li a:active{color:#8B1513}
#Menu_service li a:focus{color:#8B1513;} 


/************************************* end menu service ::::::::::::::::::::*************************************************/

.left_point{width:100%;background:url(../images/point_bloc.gif) repeat-y left; float:left;}
.right_point{width:100%;background:url(../images/point_bloc.gif) repeat-y right; float:left;}
#img_bloc{width:243px;padding-top:5px; padding-right:7px; color:#272727; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#img_bloc span{ font-weight:normal}
#img_bloc blockquote{margin:0px 10px 0px 10px;}

/*footer*/
#copyrright{width:755px;color:#515151; font-size:11px; font-family:Tahoma; margin-top:17px;}
#copyrright a{color:#515151;font-size:11px;display:inline;}
#footer{width:100%; height:30px; background:url(../images/bg_footer.gif) repeat-x; clear:both; padding-top:3px!important;padding-top:6px;}
#footer ul{margin:0 auto; padding:0;list-style:none; width:90%;}
#footer li{ padding:5px 23px 0px 23px;list-style:none; height:23x; display:inline;color:#fff; font-family:Tahoma; font-size:10px;}
#footer li a:link,#footer li a:visited{height:23x; display:inline;color:#fff; font-family:Tahoma; font-size:10px; text-decoration:none;}
#footer li a:hover{text-decoration:underline;}

#right_content{width:520px;padding-left:5px;font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:justify; float:right}
.gris{color:#515151}

.pages_content{background:#fff url(../images/dotted.gif) repeat-y left; float:left}

.image_pages{width:215px; margin-left:5px; float:left;background:url(../images/bgpoint_content.gif) repeat-y bottom right;}
#text-content strong{color:#515151}
#text-content{width:515px;margin-left:10px; margin-right:5px;font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:justify; float:left; padding-top:5px;}
#text-content h2{color:#8B1513; font-family:Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:1px; padding:0; margin:0; padding-bottom:10px; padding-top:10px; text-transform:uppercase;}
.spacer1{width:100%;height:20px; clear:both}

#oteo_title h2.extranet{ color:#741415; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin:0; padding:0; vertical-align:middle; padding-top:7px}

#Menu_extranet{width:350px; margin-left:10px;margin-top:100px; color:#1A7391; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:11px;}
#Menu_extranet ul{padding:0px; margin:0px;}
#Menu_extranet li{padding:0px; margin:0px; height:30px; list-style-type:none; display:block; padding-bottom:8px; padding-left:15px; color:#3B3B3B;background:url(../images/flesh_menu.gif) no-repeat left 4px;}
#Menu_extranet li a:link, #Menu_extranet li a:visited{display:block;color:#3B3B3B;text-decoration:underline; font-size:13px; font-weight:bold; height:30px; }
#Menu_extranet li a:hover{color:#3B3B3B; text-decoration:underline;}
.right_slogan2{width:402px; height:192px!important;height:193px; float:right; background:#8B1513}

#space2{ height:10px; min-height:10px; clear:both;}
.menuservices {
padding:0px; margin:0px; height:17px; list-style-type:none; display:block; padding-bottom:3px; padding-left:15px; color:#1A7391;background:url(../images/flesh_menu.gif) no-repeat left 4px; 
}
.menuservices a:visited,a:link, {
display:block;color:#1A7391;text-decoration:underline; font-size:11px; height:17px;
}
.menuservices a:hover
{color:#1A7391; text-decoration:underline;}
.menuservices1{ display:block;color:#3B3B3B;text-decoration:underline; font-size:13px; font-weight:bold; height:30px;}

/****************contact style***********************/
#leftcontact{width:95%; margin:auto;margin-top:10px;font-size:11px; color:#9D9C9C;}
#leftcontact a{ text-decoration:underline;font-size:11px; color:#9D9C9C;}
#leftcontact h2{display:block;color:#3B3B3B;text-decoration:underline;font-size:13px; font-weight:bold; padding:6px 0px 5px 0px; margin:0px;}
#space2{ height:10px; min-height:10px; clear:both;}
table#contact{ font-weight:bold;}
table#contact .buton{width:85px; height:20px; background:#E2E2E2; color:#272727; font-size:12px; font-weight:bold; border:1px outset #ccc;}
table#contact input{border:1px inset #50595B; color:#999; font-size:11px; height:15px; width:120px; font-family:Arial, Helvetica, sans-serif}
table#contact textarea{border:1px inset #50595B; overflow:scroll; color:#999; font-size:11px; font-family:Arial, Helvetica, sans-serif}