body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #666666;
}

a:link, a:visited, a:active {
	color:#FF6600;
	text-decoration:none;
	font-style:normal;
}

a:hover {
	color:#FF3300;
}
img{
	border:none;
}

/*##############################################################################
########################## Interface générale ##################################
##############################################################################*/
#interface {
	width:980px;
	margin:auto;
    background-color: #000000;
}

.clearFloat {
	clear:both;
	overflow:hidden;
	height:0px;
	font-size:0px;
}

.asterisque {
	color:#FF0000;
}
#bordLeft{
    background:transparent url(../images/bordLeft.png) repeat-y scroll left top;
}
#bordRight{
    background:transparent url(../images/bordRight.png) repeat-y scroll right top;
}
#body{
    margin:0px 25px;
}
.img_center{
	text-align:center;
}

/*##############################################################################
################################# Banniere #####################################
##############################################################################*/
#banniere {
	width:980px;
	height:178px;
}

	#banniereTopLeft {
		float:left;
		width:38px;
		height:10px;
		background:url(../images/banniereTopLeft.png) no-repeat;
		font-size:0px;
	}
	
	#banniereTopCenter {
		float:left;
		width:904px;
		height:10px;
		background:url(../images/banniereTopCenter.png) repeat-x;
		font-size:0px;
	}
	
	#banniereTopRight {
		float:left;
		width:38px;
		height:10px;
		background:url(../images/banniereTopRight.png) no-repeat;
		font-size:0px;
	}
	
	#banniereMiddleLeft {
		float:left;
		width:10px;
		height:140px;
		background:url(../images/banniereMiddleLeft.png) no-repeat top;
	}
	
	#banniereLogo {
		float:left;
		width:372px;
		height:140px;
		padding-right:38px;
	}
	
	#banniereFlash {
		float:left;
		width:550px;
		height:140px;
		background:url(../images/banniereFlashCoin.png) no-repeat 522px 0px;
		overflow:hidden;
	}
	
	#banniereMiddleRight {
		float:left;
		width:10px;
		height:140px;
		background:url(../images/banniereMiddleRight.png) no-repeat top;
	}

	#banniereBord {
		padding:0px 10px;		
	}
		
		#banniereBottomTrait {
			float:left;
			width:97px;
			height:28px;
			background:url(../images/banniereTraitVert.gif) repeat-x left 14px;
		}
		
		#banniereBottomLogo2 {
			float:left;
			width:46px;
			height:28px;
			background:url(../images/banniereLogo2.png) no-repeat;
		}
		
		#banniereBottomTrait2 {
			float:left;
			width:300px;
			height:28px;
			background:url(../images/banniereTraitVert.gif) repeat-x left 14px;
		}
		
		#banniereMenu {
			float:left;
			width:517px;
			height:28px;
		}
		
			a.banniereMenuItem {
				display:block;
				float:left;
				color:#690;
				line-height:28px;
				height:28px;
				font-size:14px;
				font-weight:bold;
				padding-left:45px;
			}
			
			a.banniereMenuItem:hover {
				color:#FF6600;
			}
			

/*##############################################################################
############################# Colonne gauche ###################################
##############################################################################*/
#colLeft{
    width:160px;
    float:left;
}
#colLeft .filet_vert{
    border-left:1px solid #669900;
    margin-left:82px;
}
#colLeft .pub_bas{
	background:transparent url(../images/pub_etudiant.png);
	width:140px;
	height:219px;
	padding:5px 10px 55px 10px;
	color:#333333;
}
#colLeft .pub_bas .titre{
	text-align:center;
	font-weight:bold;
	margin-bottom:5px;
}
#colLeft .pub_bas .corps{
	text-align:justify;
}
#colLeft .cmjn{
	margin-top:15px;
}
/*##############################################################################
############################# Colonne centrale #################################
##############################################################################*/
#colCenter{
    width:525px;
    float:left;
    margin:40px 30px 0px 30px;
	padding:0px 17px;
}
#colCenter .fil_ariane {
	margin-bottom:20px;
}
#colCenter .fil_ariane a, #colCenter .fil_ariane a:hover{
    color:#FFFFFF;
}
#colCenter #content{
    margin:15px 0px;
}
#colCenter #content h1{
    margin:0px 0px 10px 0px;
    background:url(../images/puce.gif) no-repeat scroll left 4px;
    padding-left:25px;
    padding-bottom:3px;
    border-bottom:1px solid #669900;
}
#colCenter #content .listeTexte .texte{
	margin-bottom:30px;
	text-align:justify;
}
/*##############################################################################
############################# Colonne droite ###################################
##############################################################################*/
#colRight {
    float:left;
    width:121px;
    margin-top:28px;
}
#colRight .lien_menu{
    padding-top:40px;
}
/*##############################################################################
################################## Menu bas ####################################
##############################################################################*/
#menu_bas{
	text-align:center;
	margin:15px 25px 0px 25px;
}
#menu_bas #left{
	float:left;
	border-bottom:1px solid #FFFFFF;
	height:9px;
	width:131px;
}
#menu_bas #center{
	float:left;
	padding:0px 20px;
}
#menu_bas #right{
	float:left;
	border-bottom:1px solid #FFFFFF;
	height:9px;
	width:131px;
}
#menu_bas a, #menu_bas a:hover{
	color:#FFFFFF;
}
/*##############################################################################
#################################### Footer ####################################
##############################################################################*/
#footer{
    height:39px;
    margin-top:20px;
}
#footer #footerLeft{
    background:transparent url(../images/footerLeft.png);
    float:left;
    width:38px;
    height:39px;
}
#footer #footerCenter{
    background: url(../images/footerCenter.png) repeat-x scroll left 29px;
    float:left;
    width:904px;
    height:39px;
    text-align:center;
}
#footer #footerRight{
    background:transparent url(../images/footerRight.png);
    float:left;
    width:38px;
    height:39px;
}
#footer a, #footer a:hover{
	color:#FFFFFF;
}
/*##############################################################################
############################ Page de contact ###################################
##############################################################################*/
.contact_fieldset {
	padding:20px;
	border:1px solid #FF6600;	
	margin:auto;
	width:485px;
}

.contact_legend {
	color:#FF6600;
	font-weight:bold;
	margin:0px 0px 15px -10px;
	padding:0px 10px;
}

.contact_form label {
	display:inline;
	float:left;
	font-weight:bold;
	width:95px;
}

.contact_form input, textarea{
	background-color:#DDDDDD;
	border:1px solid #999999;
	width:378px;
}

input.contact_form_submit {
	display:block;
	margin:20px 36px;
	width:460px;
	color:#FF6600;
	font-weight:bold;
}

input.contact_form_submit:hover {
	background-color:#CCCCCC;
}

.asterisque {
	color:#FF0000;
}

.contact_confirm {
	color:#FF6600;
	text-align:center;
	padding:10px;
}

.contact_form_msg {
	font-size:11px;
	color:#666666;
	font-style:italic;
	margin-left:100px;
}
/*##############################################################################
######################## Page de demande de devis ##############################
##############################################################################*/
.devis{
}
.devis input, .devis textarea{
	width:330px;
	margin:0px 5px;
}
.devis input.radio{
	width:auto;
	margin-top:5px;
	background:none;
	border:none;
}
.devis select{
	width:332px;
	margin:7px 5px 0px;
}
.devis label{
	width:135px;
}
.devis label.radio{
	float:none;
}