@charset "utf-8";
/*--------------------------	3wkom.ma styles		--------------------------*/
*{
margin: 0;
padding: 0;
font-family:verdana;

}
body{background:url(/images/head3.jpg) no-repeat top;}
#head1{
	background-image:url(../images/head.jpg);
	width:1250px;
	height:242px;
	margin-left:auto;
	margin-right:auto;
}
#globales{
	
	width:1130px;
	margin-left:auto;
	margin-right:auto;
}
#head2{
	
	width:1130px;
	height:242px;
	background:url(/images/head1.jpg) no-repeat top;
	margin-left:auto;
	margin-right:auto;
}

#top{
background-image:url(../images/color.gif);
width:167px;
height:106px;
float:right;
margin-right:10px;
display:inline;
}
#contenu{
width:1130px;
margin-left:auto;
margin-right:auto;
}
#menu_head{
width:460px;
height:50px;
float:right;
margin-top: 155px ;
margin-right:100px;
color:#a8aaab;
font-size:11px;
font-family: Swis721 BT, Arial, Helvetica, sans-serif;
display:inline;
}
#menu_head2{
width:450px;
height:50px;
float:right;
margin-top: 169px ;
margin-right:-180px;
color:#a8aaab;
font-size:11px;
font-family: Swis721 BT, Arial, Helvetica, sans-serif;
display:inline;
}
a {
text-decoration:none;
border:none;
background-color: none;}
.a1{
color:#a8aaab;
font-size:11px;
font-family: "Swis721 BT",Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:lighter;
text-decoration:none;

}

.img11{
margin-top:-6px;
padding-left:8px;
padding-right:8px;
vertical-align:middle;

}
img{
border: 0;
margin-left:0px;
margin-right:0px;
margin-top:0px;
}
.img-veido{
margin: 0;
padding: 0;
}
.img3{
border: 0;
margin-left:4px;
margin-right:4px;
margin-top:6px;
}
#body{
background: url(../images/cadre.jpg) no-repeat;
width:805px;
height:560px;
float:right;
margin-right:10px;
display:inline;
}
#body1{
border:1px solid #E4E4E4;
width:805px;
float:right;
margin-bottom:20px;
margin-right:10px;
display:inline;

}

#body2{
background: url(../images/cadre2.jpg) no-repeat;
width:805px;
height:2582px;
float:right;
margin-right:10px;
display:inline;

}
#body3{
background: url(../images/cadre3.jpg) no-repeat;
width:805px;
height:1149px;
float:right;
margin-right:10px;
display:inline;

}
#cadre{
width:740px;

}
#vedio{
background-image:url(../images/vediolog.gif);
width:227px;
height:37px;}
#images{
	width:760px;
	}
	#fullvideo{
		margin-top:10px;
		float:left;
		width:770px;
	}
#images ul li{
	width:190px;
	height:190px;
	list-style-image:none;
	list-style:none;
	float:left;
	margin-left:30px;
	text-align:center;
	}
#text{
width:400px;
float:left;
margin-left:30px;
display:inline
}
#text0{
width:500px;
float:left;
margin-left:30px;
display:inline
}
#text3{
width:775px;
float:left;
margin-left:30px;
display:inline
}
#text2{
width:380px;
margin-left:16px;
display: inline;
}
#fullmenu{
width:310px;
float:left;
display:inline;
}
#mainmenu{
width:260px;
height:525px;
margin-right:90px;
margin-top:15px;
float:right;
display:inline;
}
#mainmenu1{
width:180px;
height:455px;
margin-right:90px;
margin-top:15px;
float:right;
display:inline;
}

#foot{
width:500px;
float:right;
margin-right:110px;
display:inline;
text-align:right;
}
#foot2{
width:230px;
float:right;
display:inline;
margin-right:10px;
text-align:right;
margin-bottom:30px;
}
#footh {
display:inline;
float:right;
margin-bottom:30px;
margin-right:10px;
text-align:right;
width:430px;
}
#foot3{
width:230px;
float:right;
margin-top:80px;
margin-left:60px;
display:inline;
text-align:right;
}
.marg_img{
padding-left:0px;
padding-top:20px;
padding-bottom:25px;
vertical-align:middle;
}
.marg_img3{
padding-left:0px;
padding-top:10px;
padding-bottom:10px;
vertical-align:middle;
}
.marg_img2{
padding-top:280px;
float:right;


}
.marg_img4{

padding-top:160px;
float:right;

}
b{
font-size:16px;
color:#a4c408;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
}
h2{
	
	background:url(/images/pp.gif) left scroll no-repeat;
	margin-left:15px;
	padding-left:55px;
	padding-top:35px;
	color:#A3C307;
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	height:45px;
	margin-top:0px;}

p{
color:#646769;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;		
word-spacing:0.3em;
line-height:160%;
}
p span{
font-size:13px;
font-weight: bolder;
color:#a4c408;
font-family: Arial, Helvetica, sans-serif;
font-style:italic;
word-spacing:0.1em;
}
p strong{
color:#578cc0;
font-size:12px;
font-weight:bold;
}
p em{
color:#578BBF;
font-size:12px;
font-weight:normal;
text-align:center;
}

strong{
color:#646769;
font-family: Arial, Helvetica, sans-serif;
font-size: 	100%;
font-weight: bold

}
strong em{
color:#a4c408;}
.marg11{
color:#646769;
font-size:12px;
font-weight:normal;
padding-left:80px;}
.marg12{
color:#646769;
font-size:12px;
font-weight:normal;
padding-left:175px;}
.marg13{
color:#646769;
font-size:12px;
font-weight:normal;
padding-left:5px;}	
span{
color:#578cc0;
font-family: Arial, Helvetica, sans-serif;
font-size: 	110%;
font-weight:bold;



}
em{
font-family:Arial, Helvetica, sans-serif;
font-size: 23px;
font-weight:bold;
font-style:normal;
}
.bleu{
color:#578cc0;
}
.bleu1{font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:bold;
font-style:normal;
color:#578cc0;
padding-left:35px;
line-height: 36px;


}
.gry{
color:#DCDCDC;}
.gry1{

padding-left:1px;
color:#636769;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
font-weight: normal;
font-style:normal;
}
.gren{
color:#a4c408;

}
.ornag{
color:#f29516;

}
.black{
color:#646769;
}
.vedio1{
margin:0px;
}
.vedio2{
background-color:#DCDCDC;
width:190px;
float:left;
margin-left:15px;
margin-top:10px;
display:inline;

}

a{margin-left:0px;}

.vedio{
margin-left:auto;
margin-right:auto;
width:192px;
background-color:#DCDCDC;

}
#body1 li{
	list-style:none;
	list-style-image:url(/images/lib.png);
	color:#646769;
	font-size:12px;
	margin-left:30px;
	font-family: Arial, Helvetica, sans-serif;		
	word-spacing:0.3em;
	line-height:160%;}
#displi li{
	list-style-image:none;
list-style:none;
height:129px;}
#feet{
width:1250px;
height:50px;
margin-left:auto;
margin-right:auto;


}

input{
border:1px solid #DEDDDD;
background-color: #F9F8F8;
color:#FFFFFF;
height:22px;
}
textarea{
border:1px solid #DEDDDD;
background-color: #F9F8F8;
color:#FFFFFF;

}
input{
border:1px solid #DFDEDE;
color:#737373;
height:20px;
background-color:#F9F8F8;
}
#check{
border:none;
height:10px;
vertical-align:middle;
}
#marg{
width:180px;
margin-left:5px;
}
textarea{
border:1px solid #DFDEDE;
background-color:#F9F8F8;
color:#737373;
width:396px;
margin-left:5px;
}
input.civil{
border:1px solid #DFDEDE;
color:#737373;
background-color:#F4F4F4;
width:100px;
margin-left:5px;
}
input.marg{
width:180px;
margin-left:5px;
}
input.marg2{
width:420px;
margin-left:5px;
}
input.right{
width:200px;
margin-left:10px;
}
#email{
width:200px;
margin-left:10px;
}
#nom{
width:280px;
margin-left:10px;
}
.submit{
border:none;
color:#928372;
background: transparent url('../images/envoyer.gif') no-repeat top left;
width:76px;
height:30px;
border:0px;
}
.reset{
border:none;
color:#928372;
background: transparent url('../images/annuler.gif') no-repeat top left;
width:76px;
height:30px;
border:0px;
}
#captcha{
height:80px;
width:350px;
float: left;
margin:0px 0px 20px 20px;
}
.gris{
	background:#DCDCDC;
	font-size:10px;
	font-weight:bold;
	color:#636769;
	text-align:center;}
#env{
height:30px;
width:200px;
float:right;
margin:20px 140px 0px 0px;
display:inline;
}
#menuDeroulant
{
width: 644px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant li
{
float: left;
margin: 0;
padding: 0;
border: 0;
}			
#menuDeroulant .sousMenu
{
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
}	
#menuDeroulant li
{
float: left;
width: 150px;
margin: 0;
padding: 0;
border: 0;
}	
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
display: block;
height: 1%;
color: #FFF;
background: #3B4E77;
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
background: transparent url("fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
background-image: none;
background-color: #F2462E;
}			
#menuDeroulant .sousMenu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
width: 149px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
}

/*Modif Bruno */
.menuvertical{
	position:relative;
	}
.menuvertical li.nopuce{
	z-index:0;
	list-style:none;
	float:left;
	width:129px;
	position:relative;
	padding:5px 10px;
}
.scatmenu {
	z-index:3000;
	position:absolute;
	border:1px solid #DDD;
	background:#386DAC;
	bottom:8px;
	left: 11px;
	padding:0 0 3px 0px;
	width: 124px;
}
.scatmenu a{
	color:#FFF;
	font-size:10px;
	display:block;
}
.scatmenu .title{
	background:#00165C;
	color:#FFF;
	font-size:12px;
	padding:3px;
	list-style:none;
}
.scatmenu .title a,.scatmenu .title a:hover{
	color:#FFF;
	font-size:12px;
	padding:3px;
}
.scatmenu li{
	list-style:none;
	background:url("../images/li.gif") 1px 3px  no-repeat;
	padding:1px 0 2px 15px;
	
}
.lii li{
	list-style:none;
	background:url("../images/lisss.gif") 1px 3px  no-repeat;
	padding:1px 0 2px 15px;
	color:#646769;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:140%;
	word-spacing:0.3em;	
}
.scatmenu li a:hover{
	color:#00165C;
}
/*.menuvertical li ul{
	position:absolute;
}*/
.hidden{
	display:none;
}
#baseline{
margin:10px auto;
clear:both;
font-size:10px;
color:#AAA;
text-align:center;
padding:0 20px 0 320px;
}
#baseline a{
font-size:10px;
color:#AAA;
text-decoration:none;
}


