* { margin: 0; padding: 0;  }
 
body {overflow-x: hidden;
	font: 14px Verdana,Arial,sans-serif;
	background-color:#000000;
	color: #c8c8c8;
	}


a, a:hover {
	text-decoration :underline;
        color: #FFFFDD;
	}
a:hover {
text-decoration :none;
color: #FF0000; background-color: #050505;
font-weight : normal;
}
.liste{
 list-style-type:circle;	
 line-height:100%;
 list-style-image:url(../images/fleche.gif);
 list-style-position:outside;
 margin-left:50px;
 }


.p {
	margin:0px;
}

.orange {
	color:#FFAE01;
         }
.blanc {
	color:#FFFFFF;
       }
.green {
	color:#00C5E2;
}
.couleur_gris { 
         background-color:#181818; border-top-color:black; border-right-color:black; border-bottom-color:black; border-style:none;
 }

.couleur_neutre { 
         border-top-color:black; border-right-color:black; border-bottom-color:black; border-style:none;
 }
 
 
 
.texte_reduit {
	font: 0.8em Verdana,Arial;
}
.texte_reduit_menu {
	font: 0.8em Verdana,Arial;
	color: #FFFFDD;
	text-align:center;
}


.haut_right_col_off{
	position: absolute; top:107px; left:230px;
	z-index:20;
	width:570px; height:20px;
	padding:0px 5px 0px 5px;
     display : none;
	 
}
.haut_right_col_on{
	position: absolute; top:107px; left:230px;
	z-index:20;
	width:570px; height:20px;
	padding:0px 5px 0px 5px;
     display : inline;
	 
	 }
.en_travaux {	
	background-image:url(../images/site_en_construction.gif); 
	background-repeat:no-repeat; background-position:0px 0px;
	display : inline;
	}
.en_service {	
	}	 

.vignette_tableau {	
	padding-bottom:20px;
	padding-top:5px;
	padding-left:2px;
	padding-right:2px;
	margin:0px;
	border-width: 0px;
	border-color: #FF0000;
	border-style: solid;
	width:185px;
	max-height:210px;
	text-align:center;
	float:left;
	line-height:8pt;
		}	 	
.vignette_tableau :hover{	
	padding:0px;
	border-width: 0px;
	border-color: #FF0000;
	border-style: solid;
	background-color:#050505;
	}	 	

.banniere-form{ background-color:black; padding:1px; margin:1px; font-size:12pt; font-weight:normal; color:#FFFFFF; border-top-color:black; border-left-color:black; border-right-color:black; border-bottom-color:black; border-width:1px; border-style:solid; padding:1px;  }	
	
		

#page {
	width:950px;
	position: relative;
	height:100%;
	padding:0px 5px 0 5px;
	margin: 0 auto;
	
		}
#top {
	position: fixed; top:0px; 
	z-index:10;
	height:100px; width : 900px;   
	padding:0px 0px 40px 0px;
	background-image:url(../images/image_top.jpg); 
	background-repeat:no-repeat; background-position:0px -5px;
}


#sur_top {
	position: absolute; top:0px; left:0px; 
	height:100px; width : 840px;     
	padding:10px 0px 0px 0px;
	background-image:url(../images/sur_image_top.gif); 
	background-repeat:no-repeat; background-position:0px 0px;
}

#site_en_construction {
	position: absolute; top:0px; left:0px; 
	height:120px; width : 380px;     
	padding:10px 0px 0px 0px;
}

#banniere-div {
	position: absolute; top:80px; left:100px; 
	height:100px; width : 840px;     
	padding:0px 0px 0px 0px;
}


#logo {	
   position: absolute; top:0px; left:0px; 
   width:100px;  height:100px;
    background-image:url(../images/logo_ala_reduit_or.gif);
	left:0px;
	top:0px;
     }
#square {	
	position:absolute;
	width:50px;
	height:50px;
	left:720px;
	top:30px;


             }

#orange_square {
		width:20px;
		height:20px;
		background-color:#FF2339;
		position:absolute;
		right:0px;
		
}

#green_square {
		width:30px;
		height:30px;
		background-color:#FF9001;
		position:absolute;
		left:0px;	
		bottom:0px;	

}


#name_part_1 {

	position:absolute;
        height:40px;       
        margin: 30px 0px 0px 110px;
        color:#FFFFFF;
        background-color:#FFAE01;
	font: 15px Verdana;
      	text-align:left;
	letter-spacing: 6px;
        left:0px;
	top:0px; 
}

#name_part_2 {
	position:absolute;
        margin: 45px 0px 0px 110px;
        color:#FFFFFF;
	font: 26px Verdana;
        font-weight:bold;	
       	text-align:left;
	letter-spacing: 4px;
        left:0px;
	top:0px;
}

#line {
background:#000000 none repeat scroll 0%;
font-size:0px;
height:1px;
margin-bottom:5px;
margin-top:5px;
clear:both;
}


#header {
	z-index : 1;
	margin: 5px 0 10px 20px;
	font-size: 1.5em;
	letter-spacing: 3px;
	border-color:#222222; border-width:1px; border-style:solid;
}



#anim_line {
background:#000000;
font-size: 0px;
height:0px;
margin-top:0px;
padding-top : 0px;
margin-bottom:0px;
width:570px;
}


object,embed{margin:-1px;}

#left_col {
	z-index:1; 
	position: fixed;top:110px; 
	width: 225px; 
	float:left;
	padding:5px 5px 5px 5px;
			}

#left_col img {
	margin:10px 0 0px 10px;
}

 #right_col {
	position:absolute; top:107px; left:240px;
	width:570px;
	min-height:700px;
	padding:20px 5px 5px 0px;
        float:left;	
        z-index:1; 
		border-style:solid; border-width:0px; border-color:#000000; 
		background-color:#100000;
		background-image:url(../images/fond_right_col.jpg); 
		}


h1{
		font: 1.3em Verdana,Arial;
		border:0px solid #3c3c3c;		
		border-bottom: 1px;
		color: #898989;
		margin:0px 0px 10px 0px;
		padding-top:5px;
		font-weight: bold;
		letter-spacing:-1px;

}

h2 {
		color:#D4D4D4;
		font-weight:bold;
		font-size: 1.2em;
		padding-top: 3px;
		padding-bottom: 3px;
		text-decoration:underline;
}

h3 {
		color:#D4D4D4;
		font-weight:bold;
		font-size: 1.1em;
		padding-top: 3px;
		padding-bottom: 3px;
}

img.highlight {
padding:0px;
border: 1px solid #45493E;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
}

img.highlight:hover {
border: 1px solid #FF0000;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;

}



a.arrow_link {
		background:transparent url(images/arrow.gif) no-repeat left;
		font-size: 1em;
		padding-left: 10px;
		padding-top: 3px;
		padding-bottom: 3px;

}

a.arrow_link:hover {
		background:transparent url(images/arrow.gif) no-repeat left;
		color:#FF0000;
		font-size: 1em;
		padding-left: 10px;
		padding-top: 3px;
		padding-bottom: 3px;

}


.bottom_left {background: url(images/r_left_bottom.gif) 0 100% no-repeat #BCCC9C; width: 250px;color: #fff;} 
.bottom_right {background: url(images/r_right_bottom.gif) 100% 100% no-repeat} 
.top_left {background: url(images/r_left_top.gif) 0 0 no-repeat} 
.top_right {background: url(images/r_right_top.gif) 100% 0 no-repeat; padding:10px} 


.roundcont {
	width: 250px;
	background-color: #BCCC9C;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(images/r_right_top.gif) no-repeat top right; 
}

.roundbottom {
	background: url(images/r_right_bottom.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}
.separation_button{
    width:100%;
    height: 15px;
	}

.news{
    width:100%;
    height: 150px;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.7em;
	padding: 5px 5px 0px 0px;
	margin-top: 30px;
	text-align:left;
	color: #d9d9d9;
   }

.news h1{
		margin: 5px 0px 5px 0px;
		font-size: 1.2em;	
		font-weight: normal;		
		text-align:left;
		font-style:none;
        color:#FFFFDD;	
}

.right {
	float:right;
	padding-left:10px;
}

.left {
	float:left;
	margin-right:10px;
}

.justify {
	text-align: justify;
}

.blue {
color: #669ac6;
}

.red {
color :#8C2717;
}

.clearboth {
	clear:both;
}


.dottedline { 	
	width:100%;
	border-top:dotted 1px #000000;
	margin: 10px 0px 0px 0px;
	height:0px;
}

#resol {
text-align:right;
position:absolute;
top:0px;
left:1280px;
margin:0 auto;
background:transparent;
} 

#resol h1 {
background:none;
font-size:1.5em;
letter-spacing:12px;
padding:0px;margin:0px;
border: 0px;
}
#resol h2 {
font-size:0.8em;letter-spacing:2px;
padding:0px;margin:0px;
background:none;
}


li {
background:transparent url(images/square.gif) no-repeat left;
list-style-type:none; 
padding-left:7px;
}

table {
padding:5px;
border:0px;
}

form {
border : 5px;
padding:5px;
margin:5px;
}


legend {
color:#FF9001;
font-weight : bold;
}

form label.text {
	display:block;
	float: left;
	width: 40%;
	text-align: right; 
	margin: 5px 0 0 0;
	padding: 0.1em;
}

input.text, textarea.text,input.warning, textarea.warning  { 
  border-color:#dadada; 
  border-style:solid; 
  border-width:1px; 
  margin:5px;
	width:420px;
}


 textarea.text  {
 width:420px;
 height:150px;
 }

.button {
	margin-top:5px;
	border: 0px solid #ffffff;
	padding: 0px 10px 0px 10px;	
	color:  #FF0000;
	background-color: #181818;	
	font-weight : bold;
			
}

.center {
	text-align:center;
}

#wrap {overflow:hidden;padding-bottom:10px;}
.bold {
	font-weight:bold;
}



#copyright{
font-size: 0.7em;
text-align:left;
color: #d9d9d9;
}

#bottom_sponsored  {
width: 790px;
margin: 0 auto;
font-size: 0.9em;
color: #363636;
text-align:right;
text-align:right;
position:relative;
bottom:0px;
margin-top:55px;
}

#bottom_sponsored  a,#bottom_sponsored  a.link  {
text-decoration: none;
color: #363636;
}
#bottom_sponsored  a:hover{
text-decoration: underline;
}
#holder { position: absolute; top: 0; left: 0;width:100%;}
#copy {clear: both; height: 5em; position: absolute; bottom: 0; left:0;   border: none; width: 100%; background:#000000;}
#resol {text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;position:fixed;padding-left:10px;width:290px;top:0px;left:1280px;margin:0 auto;background:#bfc6d9;} #resol h1 {background:none;font-size:1.2em;letter-spacing:10px;padding:0px;margin:0px;border: 0px;} #resol h2 {font-size:0.6em;letter-spacing:3px;padding:0px;margin:0px;background:none;}