@charset "utf-8";
/* CSS Document */
body{
	background:url(../images/bg.gif) top repeat-x #5ab3df;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
}
.container{
	width:950px;
	margin: 0 auto;
	color:#000000;
	background:#FFFFFF;
}
.header{
	width:950px;
	height:122px;
	margin:0px 0px 0px 0px;
	color:#000000;
	background:url(../images/bg_header_cloud.jpg) top no-repeat;
}
.hdleft{
	height:80px;
	float:left;
	width:450px;
	padding:10px 0px 0px 10px;
}
.hdright{
	height:80px;
	float:right;
	width:480px;
	text-align:right;
	padding:10px 10px 0px 0px;
	color:#000000;
}
.hdright a{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	float:right;
	padding:0px 0px 0px 0px;
	display:block;
	background:#0066CC url(../images/contact1.gif) no-repeat;
	height:24px;
	line-height:24px;
	width:111px;
	text-align:center;

}
.hdright a:hover{
	background:#0066CC url(../images/contact1.gif) 0px -24px no-repeat;
}	
.hdmenu{
	clear:both;
	height:32px;
	width:950px;
	background:#cccccc url("../images/gloss1.gif") repeat-x;
	padding:0px;
	margin:0px;
}
.hdmenu ul{
	padding:0px;
	margin:0px;
}		
.content{
	width:950px;
	clear:both;
}
.ctleft{
	width:235px;
	float:left;
	padding:0px 0px 90px 0px;
}
.ctmiddle{
	width:510px;
	float:left;
	text-align:center;
	padding:15px 0px 0px 0px;
}
/*****************ENCART DU MILIEU******************/
.encartctmiddle1{
	width:642px;
	margin: 0 auto;
	text-align:justify;
	padding:0px 0px 0px 25px;
}
.encartctmiddle2{
	width:462px;
	margin: 0 auto;
	text-align:justify;
	padding:5px 0px 20px 0px;
}
.encartctmiddle2 h1,.encartctmiddle1 h1{
	font-size:16px;
	color:#2E8BC7;
}
.encartctmiddle2 h2,.encartctmiddle1 h2{
	font-size:14px;
	color:#2E8BC7;
	margin:0px 0px 5px 0px;
}
.encartctmiddle1 h3{
	font-size:14px;
	background:#2E8BC7;
	color:#FFFFFF;
	padding:3px 0px 3px 10px;
	margin:0px 0px 5px 0px;
	width:100%;
}
.encartctmiddle2 a,.encartctmiddle1 a{
	color:#2E8BC7;
	text-decoration:underline;
}
.encartctmiddle2 a:hover,.encartctmiddle1 a:hover{
	color:#2E8BC7;
	text-decoration:none;
}
.encartctmiddle2 img{
	float:left;
	padding:0px 5px 0px 0px;
	margin:0px 0px 5px 0px;
}
.encartctmiddle2 p{

	margin:0px 0px 10px 0px;
}
.encartctmiddle{
	width:460px;
	border: 1px solid #8d8e93;
	margin: 0 auto;
	height:auto;
}
.titleencartctmiddle{
	width:450px;
	background:url(../images/whitegloss1.gif) repeat-x;
	height:33px;
	color:#000;
	font-size:15px;
	line-height:33px;
	text-align:left;
	padding:0px 0px 0px 10px;
	font-weight:bold;
}
.actumiddle{
	width:460px;
	min-height:94px;
	height:auto;
	
}
.actumiddleleft{
	width:102px;
	min-height:84px;
	height:auto;
	text-align:center;
	padding:10px 0px 0px 0px;
	float:left;
	
}
.actumiddleright{
	width:348px;
	height:74px;
	min-height:74px;
	padding:10px 10px 0px 0px;
	text-align:left;
	float:right;
}
.actumiddleright a{
	color:#5c5c5c;
}
.actumiddleright a:hover{
	color:#0066FF;
}
.titreactualites{
	font-size:14px;
	font-weight:bold;
	color:#808080;
	padding:0px;
	margin:0px;
}
/***********************************/
.ctright{
	width:205px;
	float:right;
	text-align:left;
	padding:15px 0px 90px 0px;
	margin:0px 0px 0px 0px;
}
/********************LES ENCARTS à DROITE*****************************/
img.video{
	padding-bottom:15px;
	border:none;
}
.encartctright{
	width:170px;
	background:#CCCCCC;
	padding:5px 10px 5px 10px;
	margin:0px 0px 15px 0px;
}
.choisir{
	width:190px;
	float:left;
	margin:0px 0px 0px 0px; 
}
.input{
	width:140px;
	color:#000000;
	height:18px;
	line-height:18px;
	border:none;
	background:url("../images/bg-textfield.gif") left top no-repeat;
	padding:1px 5px 1px 5px;
}
.password{
	width:140px;
	color:#000000;
	height:18px;
	line-height:18px;
	border:none;
	background:url("../images/bg-textfield.gif") left top no-repeat;
	padding:1px 5px 1px 5px;
}
.btn{
	height:18px;
	line-height:18px;
	padding:1px 5px 1px 5px;
	background:#8d8e93;
	color:#fff;
	border:none;
	cursor:pointer;
}
.btn1{
	height:18px;
	line-height:18px;
	padding:0px 5px 2px 5px;
	background:#8d8e93;
	color:#fff;
	border:none;
	cursor:pointer;
}
select{
	padding:0px;
	margin:0px;
}
.recevoir{
	font-size:11px;
	font-weight:bold;
	color:#fff;
	display:block;
	width:180px;
	height:25px;
	line-height:25px;
	background: #999999 url("../images/glossgrey.gif") repeat-x;
	padding:0px 0px 0px 10px;
	margin:0px;
	text-align:left;
}
/*************************************************/

.menuctrightbas {
	text-align:right;
	position: relative;
	width:220px;
	bottom: 105px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:bold;
	overflow: hidden;
	left: 0px;
	float: right;
	padding-right: 15px;
}
.menuctrightbas li{
	list-style:none;
}
.menuctrightbas a{
	color:#8e8e8e;
	text-decoration:none;
}
.menuctrightbas a:hover{
	color:#000000;
}
.footer{
	background:#8d8e93;
	width:950px;
	clear:both;
	height:35px;
	text-align:center;
	color:#FFFFFF;
	line-height:17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	position: relative;
}
.footer a{
	text-decoration:none;
}
.select{
	width:207px;
	margin:10px 0px 0px 0px;
}

/****************************************************/
p{
	padding:0px;
	margin:0px;
	text-align:justify;
}
a{
	text-decoration:none;
	color:#0033CC;
}
.imgleft{
	float:left;
	margin-right:10px;
}
.left{
	text-align:left;
}
.floatleft{
	float:left;
}
.right
{
	float:right;
}
.clear
{
	clear:both;
}
.clear2
{
	clear:both;
	height:80px;
}
.clear3
{
	clear:both;
	border-bottom:solid 1px #8d8e93;
	height:10px;
	width:100%;
}
.logogroup {
	position: relative;
	width:203px;
	height:35px;
	color:#000000;
	bottom: 105px;
	overflow: hidden;
	text-align:left;
	font-size:9px;
	left: 0px;
	background:url("../images/groupe_safir_logo.gif") bottom left no-repeat;
	float: left;
	line-height:11px;
	padding:32px 0px 0px 20px;
}
table{
	margin:0 auto;
	padding:0px;
}
ul{
	margin:0px;
	padding:0px;
}
.blanc a{
	color:#fcfcfc;
}
.choisirporte{
	width:190px;
	height:134px;
	margin:0px 0px 15px 0px;
	background: #3672d5 url("../images/choisir_ma_porte.jpg") left top no-repeat;
	font-size:16px;
	text-align:left;
}
.choisirporte a{
	color:#fcfcfc;
}
.choisirporte li{
	text-align:left;
	font-size:12px;
	font-weight:bold;
	list-style:none;
	display:block;
	height:30px;
	padding:15px 0px 0px 0px;
}
.choisirporte ul{
	padding:0px 0px 0px 65px;
}
.select2{
	/*width:190px;*/
	padding:0px;
	margin:0px;
	float:left;
	color:#0072bb;
}
.select2 optgroup{
	padding:2px 0px 0px 2px;
	margin:0px;
	color:#0072bb;
}
.select2 .sub{
	padding:4px 0px 0px 10px;
	margin:0px;
	color:#0072bb;
	font-size:12px;
	line-height:20px;
}
.select2 .selectproduit{
	padding:0px 0px 0px 15px;
	margin:0px;
	color:#000;
	font-weight:bold;
	font-size:11px;
}

/*SELECT PIECES*/
.select3{
	/*width:190px;*/
	padding:0px;
	margin:2px;
	float:left;
	font-size:11px;
	color:#0072bb;
}
.select3 optgroup{
	padding:2px 0px 0px 2px;
	margin:0px;
	font-size:11px;
	color:#0072bb;
}
.select3 .sub{
	padding:4px 0px 0px 10px;
	margin:0px;
	color:#0072bb;
	font-size:11px;
	line-height:20px;
}
.select3 .selectproduit{
	padding:0px 0px 0px 15px;
	margin:0px;
	color:#000;
	font-weight:bold;
	font-size:11px;
}
/*********************/
.auteur
{
	font-size:10px;
	color:#999999;
	font-style:italic;
}
.titreactualites a
{
	text-decoration:none;
	color:#2E8BC7;
}
/*PAGINATION*/
.lienpag {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	color:#000000;
	font-weight: bold;
}
.lienpag .actif {
	color:#000000;
	background-color:#8d8e93;
}
.lienpag .actif:hover {
	color:#000000;
	background-color:#8d8e93;
} 
.lienpag a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	color:#ffffff;
	font-weight: bold;
	height: 15px;
	background-color: #8d8e93;
	padding: 3px;
}
.lienpag a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	text-decoration: none;
	text-align:center;
	background-color: #8d8e93;
	color: #ffffff;
	padding: 3px;
	}
.noborder{
	border:0;
}
.noborder1{
	border:0;
	vertical-align:top;
	margin:0px 0px 2px 0px;
}
.nopadding img{
	padding:0px;
}
.divtable
{
	clear:both;
	margin:0 auto;
	height:176px;
	text-align:center;
	width:364px;
	padding:10px 0px 0px 0px;
}
.w3c{
	text-align:right;
	padding:0px 10px 0px 0px;
}
.validew3c{
	background: url("../images/valide_w3c.png") left no-repeat;
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 5px;
}
.validew3c a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
.validew3c a{
	color:#000000;
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 5px;
}
.fil
{
	width:460px;
	text-align:left;
	margin:0 auto;
}
.fil .lienactif
{
	color:#8d8e93;
	text-decoration:none;
	font-size:12px;
}
.fil .lienactif:hover
{
	color:#2E8BC7;
	text-decoration:none;
}
.fil .lieninactif
{
	color:#8d8e93;
	font-size:12px;
}
/****************************FORMULAIRE COMMANDER UNE PIECE*****************************************/
.tablecommander{
border:1px #000000 solid;
}
.lignepieceplus{
}
.pieceplus{
	text-align:right;
	padding:0px 0px 0px 0px;
	width:150px;
}
.pieceplus a{
	display:block;
	height:19px;
	line-height:19px;
	width:22px;
	text-align:center;
	color:#FFFFFF;
	background:url(../images/pieceplus.gif) #0033CC no-repeat;
	text-decoration:none;
	font-size:14px;
	float:right;
	margin:0px 0px 3px 0px;
}
.pieceplus a:hover{
	font-weight:bold;
	color:#FFFFFF;
}
.pieceplus2{
	float:left;
	padding:3px 0px 0px 25px;
	color:#0066CC;
	font-weight:bold;

}
.champtextpiece{
	background:#ffffff url(../images/degradeform.gif) repeat-x;
	text-align:center;
}
.champtextpiece input{
	font-size:11px;
	margin:4px 0px 4px 0px
}
.btncommander{
	font-size:11px;
	background:url(../images/bontonform1.gif) #0066CC repeat-x;
	border:0px;
	cursor:pointer;
	color:#FFFFFF;
	height:20px;
	line-height:20px;
	padding:0px 5px 3px 5px;
	margin:5px 0px 5px 0px;
}
.btncommander:hover{
	background:url(../images/bontonform1.gif) 0px -20px #0066CC repeat-x;
}
.lignebouton{
	text-align:center;
}

.PopBoxImageLarge
{
   border: solid 10px #CCCCCC;
}
.animeaccueil{
	height:349px;
	width:462px;
	margin:0 auto;
}
.videoaccueil{
	height:327px;
	width:462px;
	margin:0 auto;
}
.borderimg{
	border: solid 10px #FFFFFF;
}
h3{
	color:#f18800;
	font-weight:bold;
	font-size:12px;
}
.titreorange{
	color:#f18800;
	font-weight:bold;
	font-size:12px;
	display:block;
	text-align:center;
	padding:15px 0px 15px 0px;
}
.caractéristiques a{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	float:right;
	padding:0px 8px 0px 8px;
	display:block;
	background:#0066CC;
	height:24px;
	line-height:24px;
	text-align:center;
}
.caractéristiques a:hover{
	background:#489aed;
	color:#FFFFFF;
}
.err
{
	color:#c30000;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
.error
{
	color:#c30000;
	font-weight:bold;
}
.ok
{
	background:#00b000;
	color:#FFFFFF;
	font-size: 12px;
	padding: 4px 2px 4px 5px;
	margin:10px 0px 10px 0px;
	border: 1px solid #000000;
}