/***********************************************************************************************************************************************************
#####     ##     ####   #   ####       ######  #       ######  #    #  ######  #    #  #####   ####  
#    #   #  #   #       #  #    #      #       #       #       ##  ##  #       ##   #    #    #      
#####   #    #   ####   #  #           #####   #       #####   # ## #  #####   # #  #    #     ####  
#    #  ######       #  #  #           #       #       #       #    #  #       #  # #    #         # 
#    #  #    #  #    #  #  #    #      #       #       #       #    #  #       #   ##    #    #    # 
#####   #    #   ####   #   ####       ######  ######  ######  #    #  ######  #    #    #     ####  
***********************************************************************************************************************************************************/

html{font-size: 100%;}

body{margin: 0;padding: 0 0 10em 0;background-color: #FFF;color: #999;font-size: 1em;}

h1{font: 1em/1 Arial, Helvetica, sans-serif;color: #000;background-color: #FFF;margin: 0;padding: 0;}

h2{font: 0.9em/1 Arial, Arial, Helvetica, sans-serif;color: #F60;margin: 0 20px 20px 20px;padding: 0 0 0 15px; text-transform: uppercase;background: url(../images/h2_orange.gif) left 0.15em no-repeat #FFF;}

h3{font: .75em/1.5 Arial, Arial, Helvetica, sans-serif;color: #666;background-color: #FFF;margin: 0;padding: 0 0 0 15px;background: url(../images/h3.gif) left 0.3em no-repeat;text-transform: uppercase;}

p{font: .75em/2 Arial, Arial, Helvetica, sans-serif, sans-serif;color: #666;background-color: #FFF;margin: 0;padding: 0;}

a{font: .75em/1 Arial, Helvetica, sans-serif;color: #F60;background-color: #FFF;text-decoration: none;margin: 0;padding: 0;}

a:hover{color: #666;background-color: #FFF;text-decoration: underline;margin: 0;padding: 0;}

ul,li{list-style: none;margin: 0;padding: 0;}

img{border:0 none;margin: 0;padding: 0;}

form{margin: 0;padding: 0;}

input[type=submit]{color: #999;background-color: #f4f4f4;border: 1px solid #ccc;cursor: pointer;text-align: center;padding: 0 3px 0 3px;}

input[type=submit]:hover{color: #fff;background-color: #F60;border: 1px solid #ccc;}

input[type=submit]:active{color: #999;background-color: #F4F4F4;border: 1px solid #CCC;}

#contener{width: 694px;padding: 0 43px 0 43px;margin-left: auto;margin-right: auto;color: #666;background: url(../images/bg_contener.jpg) repeat-y #FFF;}

#content{width: 690px;border-left: 1px solid #CCC;border-right: 1px solid #CCC;background: url(../images/bg_content.jpg) 0 0 repeat-x;}

#trait{width: 690px;background: url(../images/separateur.gif) 439px 0 repeat-y;}

.clear{clear: both;}

.hidden{display: none;}

abbr{border-bottom: 1px dotted #666;}

/*********************************************************************************************************************************************************** 
#####     ##    #    #  #    #  ######  #####  
#    #   #  #   ##   #  ##   #  #       #    # 
#####   #    #  # #  #  # #  #  #####   #    # 
#    #  ######  #  # #  #  # #  #       #####  
#    #  #    #  #   ##  #   ##  #       #   #  
#####   #    #  #    #  #    #  ######  #    # 
***********************************************************************************************************************************************************/
                                                
#banner{
	width: 690px;
	height: 217px;
	border: 1px solid #CCC;
}

#flash{
	float: right;
	width: 395px;
	height: 215px;
	padding: 1px;
	border-left: 1px solid #CCC;
}

#banner h1{
	float: right;
	width: 111px;
	height: 217px;
	background: url(../images/adc.gif) no-repeat;
	text-indent: -5000px;
}

#banner p{
	float: right;
	width: 160px;
	height: 40px;
	text-align: right;
	padding: 26px 20px 0 0;
	border-right: 1px solid #CCC;
	background: url(../images/logo.gif) left top no-repeat;
}

#menu{
	float: right;
	width: 180px;
	height: 150px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color: #FFF;
	color: #333;
}

#menu li a{
	display: block;
	width: 160px;
	height: 24px;
	text-align: right;
	color: #666;
	background-color: #FFF;
	padding: 6px 20px 0 0;
	font: .75em/1.5 Arial, Helvetica, sans-serif;
}

#menu a:hover{
	text-decoration: none;
	background: url(../images/menu_hover.gif) 20px 5px no-repeat;
}

#menu a#current{
	font-weight: bold;
	color: #FFF;
	background: url(../images/menu.gif) 20px 5px no-repeat #375F7F;
}

/***********************************************************************************************************************************************************
#####   #####   ######   ####   ######  #    #  #####    ##    #####  #   ####   #    # 
#    #  #    #  #       #       #       ##   #    #     #  #     #    #  #    #  ##   # 
#    #  #    #  #####    ####   #####   # #  #    #    #    #    #    #  #    #  # #  # 
#####   #####   #            #  #       #  # #    #    ######    #    #  #    #  #  # # 
#       #   #   #       #    #  #       #   ##    #    #    #    #    #  #    #  #   ## 
#       #    #  ######   ####   ######  #    #    #    #    #    #    #   ####   #    # 
***********************************************************************************************************************************************************/

#middle{
	width: 690px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: url(../images/separateur.gif) 180px 0 repeat-y;
}

#middle form{
	width: 141px;
	padding: 20px;
	float: left;
}

p#acces_client{
	font-weight: bold;
	color: #375F7F;
	background: url(../images/client.gif) 0 center no-repeat #FFF;
	padding: 0 0 0 10px;
}

#middle form p{
	margin: 0 0 10px 0;
}

#middle input[type=text], #middle input[type=password]{
	width: 120px;
	background-color: #FFF;
	color: #666;
	border: 1px solid #CCC;
}

#middle input[type=text]:focus, #middle input[type=password]:focus{
	background-color: #EFEFEF;
	color: #666;
	border: 1px solid #CCC;
}

#intro{
	float: right;
	width: 469px;
	padding: 20px;
	text-align: left;
}

#intro h2{font: bold 0.75em/1.5 Arial, Helvetica, sans-serif;color: #375F7F;background-color: #FFF;text-transform: none; background: none;margin: 0;padding: 0;}

/*#intro h2{margin: 0;padding: 0;background: none;}*/

#intro p{margin: 5px 0 0 0}

#intro a{font: 1em/1 Arial, Helvetica, sans-serif;color: #666;background-color: #FFF;text-decoration: underline;margin: 0;padding: 0;}

#intro a:hover{color: #F60;background-color: #FFF;text-decoration: none;margin: 0;padding: 0;}

/***********************************************************************************************************************************************************
   ##     ####    ####   #    #  ######  #  #      
  #  #   #    #  #    #  #    #  #       #  #      
 #    #  #       #       #    #  #####   #  #      
 ######  #       #       #    #  #       #  #      
 #    #  #    #  #    #  #    #  #       #  #      
 #    #   ####    ####    ####   ######  #  ###### 
***********************************************************************************************************************************************************/

#realisations{width: 439px;padding: 20px 0 20px 0;border-right: 1px solid #CCC;float: right;}

#realisations h3{margin: 0 20px 5px 20px;}

#realisations p{
	width: 399px;
	margin: 0 20px 30px 20px;
	text-align: left;
}

#realisations img{
	float: left;
	width: 98px;
	height: 98px;
	border: 1px solid #CCC;
	margin: 7px 20px 5px 0;
}

#realisations a{
	display: block;
	font: 0.8em/2 Arial, Arial, Helvetica, sans-serif, sans-serif;
	text-align: center;
	clear: both;
}

#novell{float: right;width: 250px;padding: 20px 0 0 0;}

#novell ul{
	width: 210px;
	margin: 0 20px 20px 20px;
}

#novell ul li{
	margin: 0 0 15px 0;
}

#novell ul li a{
	display: block;
	width: 195px;
	padding: 0 0 0 15px;
	background: url(../images/a_novell.gif) 2px .4em no-repeat #FFF;
	color: #666;
	line-height: 1.5;
}

#novell ul li a:hover{
	background: url(../images/a_novell_hover.gif) 2px .4em no-repeat #FFF;
	color: #F60;
}

#novell ul li span{
	display: block;
	width: 195px;
	margin: 4px 0 0 15px;
	padding: 0;
	font: .7em/1 Arial, Helvetica, "Nimbus Sans L", sans-serif;
	color: #999;
	background-color: #FFF;
}

/***********************************************************************************************************************************************************
  ####   ######  #####   #    #  #   ####   ######   ####  
 #       #       #    #  #    #  #  #    #  #       #      
  ####   #####   #    #  #    #  #  #       #####    ####  
      #  #       #####   #    #  #  #       #            # 
 #    #  #       #   #    #  #   #  #    #  #       #    # 
  ####   ######  #    #    ##    #   ####   ######   ####  
***********************************************************************************************************************************************************/

#services{width: 439px;padding: 20px 0 20px 0;border-right: 1px solid #CCC;float: right;}

#services div, #services div#last{border-bottom: 1px solid #ccc;margin: 0 20px 10px 20px;padding: 0 0 10px 0;}

#services div#last{border-bottom: 0 none;margin: 0 20px 0 20px;}

#services h3{ font-weight: bold; margin: 20px 0 10px 0;}

#services p{width: 399px;margin: 0 0 10px 0; text-align: justify;}

#services p a{font-size: 1em;}

#magasin{float: right;width: 250px;padding: 20px 0 0 0;}

#magasin p{
	width: 210px;
	margin: 0 20px 20px 20px;
	text-align: justify;
}

#magasin a{
	display: block;
	width: 250px;
	height: 127px;
	color: #333;
	background: url(../images/magasin.gif) center no-repeat #FFF;
	font: 1em/1em Arial, Helvetica, sans-serif;
	text-indent: -5000px;
	margin: 50px 0 0 0;
}

#magasin img{
	margin: 0;
	padding: 0;
}

/***********************************************************************************************************************************************************                                                                                    
 #####   ######    ##    #       #   ####     ##    #####  #   ####   #    #   ####  
 #    #  #        #  #   #       #  #        #  #     #    #  #    #  ##   #  #      
 #    #  #####   #    #  #       #   ####   #    #    #    #  #    #  # #  #   ####  
 #####   #       ######  #       #       #  ######    #    #  #    #  #  # #       # 
 #   #   #       #    #  #       #  #    #  #    #    #    #  #    #  #   ##  #    # 
 #    #  ######  #    #  ######  #   ####   #    #    #    #   ####   #    #   ####  
***********************************************************************************************************************************************************/

#projets{
	padding: 20px 0 20px 0;
}

.projet, #last_projet{
	margin: 0 20px 20px 20px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}

#last_projet{
	border-bottom: 0 none;
	margin: 0 20px 0 20px;
}

.projet p, #last_projet p{
	margin: 10px 0 0 0;
	text-align: justify;
}

.projet img.p_gauche, #last_projet img.p_gauche{	
	float: left;
	border: 1px solid #CCC;
	margin: 7px 10px 10px 0;
}

.projet img.p_droit, #last_projet img.p_droit{	
	float: right;
	border: 1px solid #CCC;
	margin: 10px 0 10px 10px;
}

#last_projet h3{
	margin: 0 0 10px 0;
}

#last_projet li{
	font: .75em/2 Arial, Arial, Helvetica, sans-serif, sans-serif;
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	background: url(../images/texte.gif) 0 .6em no-repeat transparent;
}

/***********************************************************************************************************************************************************
 #####   #    #  #####   #       #   ####     ##    #####  #   ####   #    #   ####  
 #    #  #    #  #    #  #       #  #    #   #  #     #    #  #    #  ##   #  #      
 #    #  #    #  #####   #       #  #       #    #    #    #  #    #  # #  #   ####  
 #####   #    #  #    #  #       #  #       ######    #    #  #    #  #  # #       # 
 #       #    #  #    #  #       #  #    #  #    #    #    #  #    #  #   ##  #    # 
 #        ####   #####   ######  #   ####   #    #    #    #   ####   #    #   ####  
***********************************************************************************************************************************************************/

#publication{
	float: right;
	width: 439px;
	padding: 20px 0 20px 0;
	border-right: 1px solid #CCC;
}

#publication ul li{
	width: 384px;
	margin: 0 20px 20px 20px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #CCC;
}

#publication ul li h3{margin: 0 0 10px 0}

#publication ul li p{
	margin: 0 0 10px 15px;
	text-align: left;
}

#publication ul li a{
	display: block;
	margin: 0 0 0 15px;
	font-size: .75em;
}

#recherche{
	float: right;
	width: 250px;
	padding: 20px 0 0 0;
}

#recherche form{
	width: 210px;
	margin: 0 20px 30px 20px;
}

#recherche form p{
	margin: 0 0 10px 0;
}

#mois{
	font: 1em/1 Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #FFF;
	border: 1px solid #CCC;
	margin: 0 10px 0 0
}

#mot{
	background-color: #FFF;
	color: #666;
	border: 1px solid #CCC;
	margin: 0 10px 0 0
}

#mot:focus{
	background-color: #EFEFEF;
	color: #666;
	border: 1px solid #CCC;
}

.bouton{background-color: #f4f4f4;border: 1px solid #ccc;color: #999;cursor: pointer;text-align: center;padding: 0 3px 0 3px;}

.bouton:hover{background-color: #CC0000;border: 1px solid #ccc;color: #fff;}

.bouton:active{background-color: #F4F4F4;border: 1px solid #CCC;color: #999;}

/***********************************************************************************************************************************************************
  ####    ####   #    #  #####    ##     ####   ##### 
 #    #  #    #  ##   #    #     #  #   #    #    #   
 #       #    #  # #  #    #    #    #  #         #   
 #       #    #  #  # #    #    ######  #         #   
 #    #  #    #  #   ##    #    #    #  #    #    #   
  ####    ####   #    #    #    #    #   ####     #   
***********************************************************************************************************************************************************/

#contact{width: 439px;padding: 20px 0 20px 0;border-right: 1px solid #CCC;float: right;}

#contact form p{
	width: 350px;
	margin: 0 20px 10px 20px;
}

#contact input[type=text]{
	width: 350px;
	font: 1em/1 Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
}

#contact form textarea{
	width: 350px;
	height: 250px;
	font: 1em/1.5 Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
}

#contact input[type=text]:focus, #contact form textarea:focus{color: #333;background-color: #F5F5F5;border: 1px solid #999;}

#coordonnees{float: right;width: 250px;padding: 20px 0 0 0;}

#coordonnees p{
	width: 195px;
	margin: 0 20px 10px 20px;
	padding: 0 0 0 15px;
	line-height: 2;
}

#coordonnees p span{font-weight: bold;}

#coordonnees p a:hover{text-decoration: underline;color: #CC0000;background-color: #FFF;}

/***********************************************************************************************************************************************************
#        ####    ####    ####    ####  
#       #    #  #    #  #    #  #      
#       #    #  #       #    #   ####  
#       #    #  #  ###  #    #       # 
#       #    #  #    #  #    #  #    # 
######   ####    ####    ####    ####  
***********************************************************************************************************************************************************/

#logos{
	clear: both;
	width: 690px;
	padding: 20px 0 20px 0;
	border-top: 1px solid #CCC;
	color: #333;
	background-color: #FFF;
}

#logos ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#logos li{
	display: inline;
	margin: 0 20px 0 20px;
}

#logos p{
	font: 0.7em/1 Arial, Helvetica, sans-serif;
	color: #999;
	background-color: #FFF;
	text-align: center;
	margin: 20px 0 0 0;
}

#logos p a{
	font: 1em/1 Arial, Helvetica, sans-serif;
	color: #999;
	background-color: #FFF;
	text-align: center;
}

#logos p a:hover{
	color: #CC0000;
	background-color: #FFF;
	text-decoration: underline;
}

/***********************************************************************************************************************************************************
######   ####    ####   #####  ######  #####  
#       #    #  #    #    #    #       #    # 
#####   #    #  #    #    #    #####   #    # 
#       #    #  #    #    #    #       #####  
#       #    #  #    #    #    #       #   #  
#        ####    ####     #    ######  #    # 
***********************************************************************************************************************************************************/

#footer{
	width: 780px;
	height: 28px;
	margin-left: auto;
	margin-right: auto;
}