/* CSS Document */

html, body
{
background-color:#000000;
/* background-image:url("http://mobcom.fr/utilisateur/images/theme_black/fd_black.jpg");*/
font-family:Arial,Helvetica,sans-serif;
font-size:11pt;
height:100%;
margin:0;
min-width:1123px !important;
padding:0;
position:relative;
color:fff;
background-position:left center;
}
img{border:none;}


TD
{
	font-family:Arial, Helvetica, sans-serif;
	font:Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:#828282;
}

INPUT
{
	background-color:#282a27;
	border:1px solid #828282;
	color:#828282;
}

BUTTON
{
	background-color:#282a27;
	border:1px solid #828282;
	color:#828282;
}

TEXTAREA
{
	background-color:#282a27;
	border:1px solid #828282;
	color:#828282;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
}

.gras
{
	font-weight:bold;
}

h1
{
	font-size:12pt;
	font-weight:bold;
}

h2
{
	font-size:13pt;
	font-weight:bold;
	text-align:center;
}

a
{
	text-decoration:none;
	color:#999;
}

a:hover
{
	color:#fc5e1f;
}

.menu_left
{

float:left;
height:100%;
margin:0;
padding:0;
margin-top:88px
}
.fond{
height:650px!important;
}
.menu_left .fond
{
margin-top:0px;

width:230px;

	height:660px;
	background:url(images/fd_black.png);
	position:absolute;
	float:left;
}

.menu_left .logo
{
height:95px;
left:24px;
position:absolute;
top:37px;
width:240px;
}

.menu_left .logopartenaire
{
   background-position: center center;
    background-repeat: no-repeat;
    color: #CCCCCC;
    font-size: 17px;
    height: 35px;
    left: 57px;
    letter-spacing: 5px;
    line-height: 22px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    top: 61px;
    width: 172px;
}


.menu_left .connexion
{
margin-left:10px;
margin-top:51px;
position:absolute;
}

.menu_left .connexion .titre
{
margin-left:-10px;
	color:#ccc;
	width:230px;
	height:33px;
	background-image:url(img/bavet-menu.gif);
	background-repeat:no-repeat;
	-moz-opacity:0.9;
	opacity: 0.9;
	filter:alpha(opacity=90);
}
.menu_left .connexion .titre .texte
{
font-size:12pt;
font-weight:bold;
padding-top:6px;
text-align:center;
width:230px;
}

.menu_left .produits
{
	color:#666666;
margin-top:93px;
position:absolute;
width:233px;
}

.menu_left .produits .titre
{
	color:#fc5e1f;
	margin-left:30px;
}

.menu_left .produits .descr_prod
{
	margin-left:10px;
}


.menu_left .produits .titre_prod
{
	background-image:url(img/bavet-menu-gauche.gif);
	background-repeat:no-repeat;
	color:#CCCCCC;
	height:26px;
	margin-bottom:10px;
	margin-top:15px;width:230px;
	opacity:0.5;
	-moz-opacity:0.9;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

.menu_left .produits .titre_prod .texte
{
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	width:230px;
	padding-top:4px;
}

.menu_left .connexion .formulaire
{
	font-size:9pt;
	color:#666;
}

.menu_left .connexion .formulaire .boutton
{
	cursor:pointer;
	margin-top:-1px;
	position:absolute;
	margin-left:10px;
}

.menu_left .inscription
{
background-image:url(img/bouton-inscription.gif);
background-position:center center;
background-repeat:no-repeat;
cursor:pointer;
height:59px;
left:24px;
margin-top:272px;z-index:1;
position:absolute;
width:190px;
}

.menu_left .contact
{
background-image:url(img/bouton-contact.gif);
background-position:center center;
background-repeat:no-repeat;
cursor:pointer;
height:55px;
left:20px;
margin-top:450px;
position:absolute;
width:180px;
}


.menu_right
{
float:right;
height:100%;
margin:0;
padding-left:20px;
width:231px;
}

.menu_right .fond
{
	width:230px;

	background-color:#000;
	-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);


}

.menu_right .contenu
{
    position:absolute;
    top:0;
	color:#999;
	z-index:100;
<!--[if !IE 6]>
	background-image:url(images/fd_black.png);
<![endif]-->
<!--[if IE 6]>
	background-color:#CCCCCC;
<![endif]-->
}

.menu_right .contenu .titre
{
	color:#CCC;
	width:230px;
	height:33px;
	background-image:url(img/bavet-menu.gif);
	background-repeat:no-repeat;
	-moz-opacity:0.9;
	opacity: 0.9;
	filter:alpha(opacity=90);
}

.menu_right .contenu .titre .texte
{
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	width:230px;
	padding-top:6px;
}



.menu_right .contenu .menu
{
	margin-top:10px;
	margin-bottom:10px;
}

.menu_right .contenu .menu ul
{
	list-style:none;
	margin-left:00px;
	padding-left:00px;
}

.menu_right .contenu .menu li
{
	padding-left:10px;
	cursor:pointer;
	width:230px;
	height:20px;
	color:#999;
}

.menu_right .contenu .menu li .btn_non_valid
{
	padding-left:30px;
	height:20px;
	background-image:url(img/case_n.png);
	background-position:left;
	background-repeat:no-repeat;
}

.menu_right .contenu .menu li .btn_valid
{
	padding-left:30px;
	height:20px;
	background-image:url(img/valid_16.png);
	background-position:left;
	background-repeat:no-repeat;
}

.menu_right .contenu .menu li img
{
	margin-right:10px;
}

.menu_right .contenu .fin_img
{
	margin-top:100px;
}

.menu_right .contenu .fin_img .bandeau
{
	width:230px;
	height:33px;
	background-image:url(img/bavet-menu.gif);
	background-repeat:no-repeat;
	-moz-opacity:0.9;
	opacity: 0.9;
	filter:alpha(opacity=90);
}

.menu_right .contenu .fin_img  img
{
	margin-left:-20px;
	margin-top:-110px;
	position:absolute;
}


#text_content{color:#999999; width:85% ; font-size:12px; margin:auto; orverflow:auto;
}
.content_all
{
background-image:url(http://mobcom.fr/images/mobcom_design.jpg);
background-position:center top;
background-repeat:no-repeat;
height:100%;
margin-bottom:0;
margin-left:4px;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
width:99%;
height:684px;
}

.content
{
margin-left:20%;
overflow:auto;
padding:10px;
position:absolute;
width:61%;
}

.content_suivi
{
	overflow:auto;
	height:100%;
	width:auto;
	margin-left:250px;
	margin-right:230px;
}

.content table
{
	margin:auto;
	margin-top:50px;
}

.content_suivi table
{
	margin:auto;
}

.content .date #tableau
{
	color:#999;
	width:210px;
}	

.content #liste_temps
{
	margin-top:20px;
	margin-left:10px;
}

.globe
{
	position:absolute;
	width:170px;
	/*border-left:3px #999 solid;*/
	height:341px;
	right:90px;
	bottom:-40px;
	z-index:0;
    display:none !important;
	

}

.logo_mobcom
{
	position:absolute;
	width:250px;
	/*border-left:3px #999 solid;*/
	height:100px;

	background-repeat:no-repeat;
}

.content_contact
{
	margin:auto;
	width:700px;
	height:300px;
	padding-top:10%;
	color:#FFFFFF;
}

.content_contact .partie
{
	float:left;
	width:200px;
	font-size:16pt;
	height:150px;
	padding-top:130px;
}

.content_contact .contact
{
	float:left;
	border-left:3px #CCC solid;
	height:270px;
	padding-left:40px;
	padding-top:20px;
}

.grey1
{
	background-color:#333;
	color:#FFF;
}

.grey2
{
	background-color:#666;
	color:#FFF;
}

.cache
{
	width:30px;
	height:40px;
	margin-top:-35px;
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.menuselec
{
	color:#C60;
}


.content_news
{
	overflow:auto;
	height:100%;
	margin-left:250px;
	margin-right:230px;
}

.content_news .menu
{
	margin:auto;
	margin-top:40px;
}

.content_news .menu table
{
	margin:auto;
}


.content_news .menu .sousmenu
{
	display:none;
	text-align:left;
	width:170px;
	font-size:9pt;
	position:absolute;
	margin-top:-2px;
	background-color:#000;
	-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);
}

.content_news .menu .sousmenu ul
{
	list-style:none;
	padding:5px 0px 5px 0px;
	margin:5px 0px 5px 0px;
	cursor:pointer;
}

.content_news .menu .sousmenu ul li
{
	margin-bottom:5px;
	padding-left:10px;
}

.content_news .newsletter .menu_vert
{
	width:100px;
	height:350px;
	float:left;
}

.content_news .newsletter .affiche
{
	width:620px;
	height:450px;
	border:1px black solid;
	float:left;
	background-color:#FFF;
	margin-left:20px;
	overflow:auto;
}

.content_news .newsletter .affiche_haut
{
	width:600px;
	height:170px;
	border:1px black solid;
	margin:auto;
	background-color:#FFF;
	overflow:auto;
}

.content_news .newsletter .affiche #haut
{
	height:170px;
	width:600px;
	margin:0;
}

.content_news .newsletter .affiche #milieu
{
	height:400px;
	width:600px;
	margin:0;
}

.content_news .newsletter .affiche #bas
{
	height:170px;
	width:600px;
	margin:0;
}

.content_news .newsletter .menu_vert .template
{
	width:80px;
	height:80px;
	background-color:#333;
	padding:5px;
	margin-bottom:5px;
	cursor:pointer;
}

.content_news .newsletter .menu_vert .template .uni
{
	width:80px;
	height:50px;
	text-align:center;
	background-color:#FFF;
	padding-top:30px;
}


.content_news .newsletter
{
	margin:auto;
	width:745px;
}

.zone_couleur
{
	width:100%;
	height:100%;
	display:none;
}


.zone_couleur .fond
{
	background-color:#333;
	-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);
	width:100%;
	height:100%;
	position:absolute;
}


.zone_couleur .liste_couleur
{
	margin:auto;
	padding-top:170px;
	width:306px;
	height:200px;
	color:#FFF;
	position:relative;
}


.zone_couleur .couleur
{
	width:15px;
	height:15px;
	border:1px solid #FFF;
	float:left;
	cursor:pointer;
	background-color:#FFF
}

.content_news .newsletter .description_news
{
	
}


.today
{
	color:#C60;
}

.date 
{
	float:left;
	width:300px;
	height:300px;
	border-right:3px solid #999;
}

.resume 
{
	float:left;
	width:300px;
	height:290px;
	margin-left:5px;
}
.resume_dest
{
	float:left;
	width:300px;
	height:300px;
	margin-left:5px;
	overflow:auto;
}

.content_date
{
	height:100%;
	overflow:auto;
	padding-top:40px;
	margin:auto;
	width:610px;
}

.choix
{
	display:none;
	height:230px;
	overflow:auto;
	width:100%;
}

.choix_adm
{
	margin-bottom:5px;
}

.bar
{
	width:420px;
	height:23px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
}


.content_site
{
	overflow:auto;
	height:100%;
	margin-left:270px;
	margin-right:230px;
}
#account_part ul {list-style-type:none; margin-left: 100px}
#account_part ul li{}
#account_part label{display:block;float:left;width:235px;}