/*
orange : #e66e14;
gris clair : #e6e6e6;
gris moyen : #808080;
gris foncé : #4d4d4d;
*/




body {
background-color: #e6e6e6;
background-image: url(../images/fond_bando.gif);
background-repeat: repeat-x;
font-family: Arial, sans-serif;
font-size: 0.8em;
color: #4d4d4d;
margin : 0px;
padding : 0px;
text-align : center;
}



#globale{
margin: 0px auto;
padding : 0px;
text-align: center;
width : 960px;
max-width: 960px;
min-width: 960px;
border-top: none;
border-right: 1px solid #ccc;
border-bottom: none;
border-left: 1px solid #ccc;
background-image: url(../images/fond_contenu.gif);
background-repeat: repeat-y;
}


#bando {
background-image: url(../images/bando.gif);
background-repeat: no-repeat;
margin: 0px auto;
text-align: right;
background-color: #999;
height: 300px;
width: 960px;
max-width: 960px;
min-width: 960px;
position: relative;
}



#menu{
width: 260px;
height: 300px;
max-height: 300px;
min-height: 300px;
background-color: transparent;
text-align: left;
float: left;
}



/* MENU IMGS */


a.societe {
	display: block ;
	background: url(../images/societe.jpg) no-repeat 0 0;
	height : 60px;
	min-height: 60px;
	max-height: 60px;
	width : 260px;
	max-width : 260px;
	min-width : 260px;
}

a.societe:hover,  a.societe:focus, a.societe:active {
	display: block ;
	background: url(../images/societe.jpg) no-repeat 0 -60px;
	height : 60px;
	min-height: 60px;
	max-height: 60px;
	width : 260px;
	max-width : 260px;
	min-width : 260px;
	}



a.cameras {
	display: block ;
	background: url(../images/cameras.jpg) no-repeat 0 0;
	height : 60px;
	min-height: 60px;
	max-height: 60px;
	width : 260px;
	max-width : 260px;
	min-width : 260px;
}

a.cameras:hover,  a.cameras:focus, a.cameras:active {
	display: block ;
	background: url(../images/cameras.jpg) no-repeat 0 -60px;
	height : 60px;
	min-height: 60px;
	max-height: 60px;
	width : 260px;
	max-width : 260px;
	min-width : 260px;
	}


a.accessoires {
	display: block ;
	background: url(../images/accessoires.jpg) no-repeat 0 0;
	height : 60px;
	min-height: 60px;
	max-height: 60px;
	width : 260px;
	max-width : 260px;
	min-width : 260px;
}

a.accessoires:hover,  a.accessoires:focus, a.accessoires:active {
	display: block ;
	background: url(../images/accessoires.jpg) no-repeat 0 -60px;
	height : 60px;
	min-height: 60px;
	max-height: 60px;
	width : 260px;
	max-width : 260px;
	min-width : 260px;
	}


a.securite {
	display: block ;
	background: url(../images/securite.jpg) no-repeat 0 0;
	height : 60px;
	min-height: 60px;
	max-height: 60px;
	width : 260px;
	max-width : 260px;
	min-width : 260px;
}

a.securite:hover,  a.securite:focus, a.securite:active {
	display: block ;
	background: url(../images/securite.jpg) no-repeat 0 -60px;
	height : 60px;
	min-height: 60px;
	max-height: 60px;
	width : 260px;
	max-width : 260px;
	min-width : 260px;
	}



a.videos {
	display: block ;
	background: url(../images/videos.jpg) no-repeat 0 0;
	height : 60px;
	min-height: 60px;
	max-height: 60px;
	width : 260px;
	max-width : 260px;
	min-width : 260px;
}

a.videos:hover,  a.videos:focus, a.videos:active {
	display: block ;
	background: url(../images/videos.jpg) no-repeat 0 -60px;
	height : 60px;
	min-height: 60px;
	max-height: 60px;
	width : 260px;
	max-width : 260px;
	min-width : 260px;
	}




/* FIN MENUS IMGS*/

#menu_acc{
background-color: transparent;
text-align: right;
background-color: transparent;
padding: 90px 20px 0px 0px;
/*width: 300px;*/
}


#animation {
width : 700px;
max-width : 700px;
min-width : 700px;
height: 180px;
min-height: 180px;
max-height: 180px;
position: absolute;
left : 260px;
top : 120px;
}


#ariane {
padding : 0px 0px 8px 0px;
margin: 0px;
font-size: 85%;
}

#ariane a:link {
color : #e66e14;
text-decoration : none;
background-color: transparent;
font-weight : normal;
}

#ariane a:visited{
color : #e66e14;
text-decoration : none;
background-color: transparent;
font-weight : normal;
} 

#ariane a:hover{
color : #4d4d4d; 
text-decoration : none;
background-color: transparent;
font-weight : normal;
} 

#ariane a:active {
color : #4d4d4d; 
text-decoration : none;
background-color: transparent;
font-weight : normal;
}


#contenu {
background-color : #fff;
padding : 24px;
text-align: left;
width: 652px;
max-width: 652px;
min-width: 652px;
float: left;
}



#col_droite {
background-color : #808080;
color: #e6e6e6;
padding : 24px 16px;
text-align: left;
width: 224px;
max-width: 224px;
min-width: 224px;
float: left;
}



#footer {
padding: 16px 0px;
background-color: #b3b3b3;
text-align: center;
color: #666;
height : 200px;
min-height: 200px;
}

#footer a:link {
color : #4d4d4d;
text-decoration : none;
background-color: transparent;
font-weight : normal;
}

#footer a:visited{
color : #4d4d4d;
text-decoration : none;
background-color: transparent;
font-weight : normal;
} 

#footer a:hover{
color : #333; 
text-decoration : none;
background-color: transparent;
font-weight : normal;
} 

#footer a:active {
color : #333; 
text-decoration : none;
background-color: transparent;
font-weight : normal;
}



/* CADRES */


#col_gauche {
width : 220px;
max-width: 220px;
min-width: 220px;
padding: 10px;
border: 1px solid #ccc;
float: left;
background-color: transparent;
}



div.cadre440 {
width : 420px;
max-width: 420px;
min-width: 420px;
padding: 10px;
border: 1px solid #ccc;
float: left;
background-color: #fff;
}

div.cadre180 {
width : 160px;
max-width: 160px;
min-width: 160px;
padding: 10px;
float: left;
margin: 0px 0px 0px 16px;
background-color: transparent;
}

div.cadre260 {
width : 240px;
max-width: 240px;
min-width: 240px;
padding: 10px;
float: left;
background-color: transparent;
margin: 0px 16px 0px 0px;
}

div.cadre360 {
width : 340px;
max-width: 340px;
min-width: 340px;
padding: 10px;
border: 1px solid #ccc;
float: left;
}


div.cadre300 {
width : 280px;
max-width: 280px;
min-width: 280px;
padding: 10px;
border: 1px solid #ccc;
float: left;
margin: 0px 20px 0px 0px;
}


div.trait {
border-top: 1px solid #ccc;
padding: 0px;
margin: 16px 0px;
}



/*
orange : #e66e14;
gris clair : #e6e6e6;
gris moyen : #808080;
gris foncé : #4d4d4d;
*/


/* TITRES */

h1 {
background-color: transparent;
color: #4d4d4d;
font-size: 2em;
padding: 0px 0px 16px 0px;
margin: 0px;
}


h2 {
color: #e66e14;
font-size: 1.8em;
background-color : transparent;
padding: 0px 0px 4px 0px;
margin: 0px;
}

#col_droite h2 {
color: #333;
font-size: 1.4em;
background-color : transparent;
padding: 0px 0px 8px 0px;
margin: 0px;
}


h3 {
background-color: transparent;
color: #666;
padding: 0px 0px 0px 12px;
margin: 8px 0px 4px 0px;
background-image: url(../images/carre_h3.gif);
background-repeat: no-repeat;
background-position: center left;
} 


/* GENERAL */

.arrondi {
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
}


.degrade {
background-image:url(../images/degrade.gif);
background-repeat: repeat-x;
}



/* DIV */

div.neutre {
clear: both;
}

div.neutre24 {
clear: both;
padding: 12px 0px;
}

div.cadre_blanc {
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
}


div.cadre {
padding: 10px;
border: 1px solid #ccc;
background-color: transparent;
}


div.cadre_desc {
padding: 10px;
border: 1px solid #ccc;
background-color: transparent;
margin: 0px;
}


div.classic {
background-color:#fff;
}


div.gauche {
float: left;
width: 48%;
max-width: 48%;
min-width: 48%;
background-color: #fff;
text-align: left;
padding: 1% 0;
margin: 1% 0;
}

div.droite {
float: left;
width: 48%;
max-width: 48%;
min-width: 48%;
background-color: #fff;
text-align: left;
padding: 1% 0;
margin: 2% 0;
}



div.droite{
padding: 0px 54px 0px 0px;
text-align: right;
}

div.centrer{
text-align: center;
}

div.centrer2{
text-align: center;
padding: 0px 0px 16px 0px;
}

div.demi {
width : 50%;
float: left;
}


div.distri {
padding: 16px;
float: left;
width: 200px;
max-width: 200px;
min-width: 200px;
}


/* SPAN */

span.rouge {
color: #e66e14;
font-weight: bold;
}

/*
orange : #e66e14;
gris clair : #e6e6e6;
gris moyen : #808080;
gris foncé : #4d4d4d;
*/


/* FORMULAIRE */

form {
width: 600px;
margin: 0px auto;
text-align: left;
}


fieldset {
padding : 4px 16px;
border: 1px solid #4d4d4d;
}


fieldset fieldset {
padding : 4px 16px 16px 16px;
margin: 12px 0px;
border: 1px solid #ccc;
}


legend {
color : #666;
font-size: 1em;
font-weight: bold;
padding: 0px 0px 12px 0px;
}

label{
color : #999;
font-weight: bold;
}

textarea {
border: 1px solid #ccc;
}

input {
border: 1px solid #ccc;
}

input.submit {
border: none;
color: #fff;
font-weight: bold;
background-color: #4d4d4d;
padding: 4px 16px;
}




/* LIENS */

a:link {
color : #333;
text-decoration : none;
background-color: transparent;
font-weight : bold;
}

a:visited{
color : #333;
text-decoration : none;
background-color: transparent;
font-weight : bold;
} 

a:hover{
color : #666; 
text-decoration : underline;
background-color: transparent;
font-weight : bold;
} 

a:active {
color : #666; 
text-decoration : underline;
background-color: transparent;
font-weight : bold;
}


#col_droite a:link {
color : #333;
text-decoration : none;
background-color: transparent;
font-weight : bold;
}

#col_droite a:visited{
color : #333;
text-decoration : none;
background-color: transparent;
font-weight : bold;
} 

#col_droite a:hover{
color : #333; 
text-decoration : underline;
background-color: transparent;
font-weight : bold;
} 

#col_droite a:active {
color : #333; 
text-decoration : underline;
background-color: transparent;
font-weight : bold;
}


/* ONGLETS */

ul.tabs {
padding : 0px;
margin: 0px;
}


ul.tabs li {
float : left;
list-style-type: none;
}


ul.tabs li a {
background-color: #ccc;
color: #666;
font-weight: bold;
display: block;
text-align: center;
padding: 4px 8px;
margin : 0px;
width: 200px;
text-decoration: none;
border: none;
}


ul.tabs li a:hover {
background-color:#666;
color: #fff;
font-weight: bold;
display: block;
text-align: center;
padding: 4px 8px;
margin : 0px;
width: 200px;
text-decoration: none;
border: none;
}


ul.tabs li a.focusprice {
background-color: #e66e14;
color: #fff;
font-weight: bold;
padding: 4px 8px;
margin : 0px;
width: 200px;
text-decoration: none;
border: none;
}

span.fx_tabs {
background-color:#666;
color: #fff;
font-weight: bold;
display: block;
text-align: center;
padding: 4px 8px;
margin : 0px;
width: 200px;
text-decoration: none;
border: none;
}


/* LISTES */

ul {
margin : 0px;
padding : 0px;
list-style-position:inside;
}

ul ul {
margin : 0px 16px;
padding : 0px;
list-style-position:inside;
}


li {
list-style-type:square;
padding : 2px;
margin:0px;
}

li.plus {
list-style-image: url(../images/fleche_fd_blanc.gif);
padding : 2px;
margin:0px;
}




/*
orange : #e66e14;
gris clair : #e6e6e6;
gris moyen : #808080;
gris foncé : #4d4d4d;
*/



/* TABLE */

table {
border : none;
}


td {
padding : 4px;
background-color: #ccc;
border-bottom : 1px solid #808080;
}


td.txt_tab {
padding : 4px;
color : #4d4d4d;
background-color: #e6e6e6;
}


td.entete_tab {
padding : 4px;
color #4d4d4d;
}




/* IMAGES */

a:link img {
border : 0px;
}

a:visited img {
border : 0px;
}

a:hover img {
border : 0px;
}

a:active img {
border : 0px;
}


img.gauche {
float : left;
margin-right : 16px;
margin-bottom : 8px;
}

img.droite {
float : right;
margin-left : 16px;
margin-bottom : 8px;
}