/* CSS Document */
*{ margin:0px; padding:0px; background-color:transparent;}
body {
	background-image: url("../sites-gl-events-medias/sf-protection/trame.gif");
    font-family:verdana,arial,sans-serif;
    font-size:9px;
    color:#000000;
}
img{border:0px;}
a {text-decoration:none;}
input, select, textarea {
	font-family:verdana,arial,sans-serif;
	font-size:9px; 
	color:#000000;
	background-color:#ffffff;
}


/* ------------------------------------ Styles de page ------------------------------------- */
#container {
	position:relative;
	width:800px;
	height:618px;
	top:5px;
	background-color:#FFFFFF;
	margin:auto;
}

#lang {
	text-align:right;
	position:absolute;
	left:18px;
	width:764px;
	top:4px;
	z-index:5;
}

#mentions {
	position:absolute;
	top:602px;
	left:17px;
	width:767px;
	color:#9F9E9E;
	text-align:right;
}

#lang img {
	margin-left:7px;
	margin-right:2px;
}

/* --------------------------------- Styles du cadre bandeau haut ----------------------------- */
#barreHautfr {
	position:absolute;
	top:18px;
	left:18px;
	width:764px;
	height:103px;
	/*background-color:#91D7F8;*/
	background-image:url("../sites-gl-events-medias/sf-protection/spaciotempo/bandeauFond.jpg");
	background-repeat:no-repeat;
	background-position: 194px 0px;
}
#barreHautus {
	position:absolute;
	top:18px;
	left:18px;
	width:764px;
	height:103px;
	/*background-color:#91D7F8;*/
	background-image:url("../sites-gl-events-medias/sf-protection/spaciotempo/bandeauFondUs.jpg");
	background-repeat:no-repeat;
	background-position: 194px 0px;
}
#barreHautes {
	position:absolute;
	top:18px;
	left:18px;
	width:764px;
	height:103px;
	/*background-color:#91D7F8;*/
	background-image:url("../sites-gl-events-medias/sf-protection/spaciotempo/bandeauFondEs.jpg");
	background-repeat:no-repeat;
	background-position: 194px 0px;
}
#barreHautde {
	position:absolute;
	top:18px;
	left:18px;
	width:764px;
	height:103px;
	/*background-color:#91D7F8;*/
	background-image:url("../sites-gl-events-medias/sf-protection/spaciotempo/bandeauFondDe.jpg");
	background-repeat:no-repeat;
	background-position: 194px 0px;
}
#barreHautit {
	position:absolute;
	top:18px;
	left:18px;
	width:764px;
	height:103px;
	/*background-color:#91D7F8;*/
	background-image:url("../sites-gl-events-medias/sf-protection/spaciotempo/bandeauFondIt.jpg");
	background-repeat:no-repeat;
	background-position: 194px 0px;
}
#barreHautpo {
	position:absolute;
	top:18px;
	left:18px;
	width:764px;
	height:103px;
	/*background-color:#91D7F8;*/
	background-image:url("../sites-gl-events-medias/sf-protection/spaciotempo/bandeauFondPo.jpg");
	background-repeat:no-repeat;
	background-position: 194px 0px;
}
#barreHautgr {
	position:absolute;
	top:18px;
	left:18px;
	width:764px;
	height:103px;
	/*background-color:#91D7F8;*/
	background-image:url("../sites-gl-events-medias/sf-protection/spaciotempo/bandeauFondGr.jpg");
	background-repeat:no-repeat;
	background-position: 194px 0px;
}
#barreHautar {
	position:absolute;
	top:18px;
	left:18px;
	width:764px;
	height:103px;
	/*background-color:#91D7F8;*/
	background-image:url("../sites-gl-events-medias/sf-protection/spaciotempo/bandeauFondAr.jpg");
	background-repeat:no-repeat;
	background-position: 194px 0px;
}

#menuHaut {
	position:absolute;
	top:86px;
	left:17px;
	width:636px;
	height:17px;
	color:#003366;
	text-align:right;
}

#recherche {
	position:absolute;
	top:82px;
	left:655px;
}

#recherche input {
	vertical-align:middle;
}

#txtRecherche {
	width:80px;
}


/* ----------------------------------- Styles du cadre menu 1 --------------------------------------- */
#menu {	position:absolute;	top:128px;
	left:18px;
	width:246px;
	height:196px;
	/*background-color:#3399CC;*/
	background-color:#21A8AC;
	padding:10px;
	padding-top:6px;}

#menuPageNiveau2 {
	position:absolute;	top:128px;
	left:18px;
	width:246px;
	/*background-color:#3399CC;*/
	background-color:#21A8AC;
	padding:10px;
	padding-top:26px;
	height:436px;
	text-transform:uppercase;
	font-weight:bold;
}
#menuPageNiveau2 li {width:245px;list-style-type: none; font-size:10px; margin-top:5px; margin-bottom:5px;}
#menuPageNiveau2 li li {margin-left:20px;font-size:9px;width:225px;}
#menuPageNiveau2 ul ul {width:245px; border-top:1px #FFFFFF dotted; border-bottom:1px #FFFFFF dotted; margin-top:5px; margin-bottom:5px;}
#menuPageNiveau2 ul ul li {margin-left:20px;font-size:9px;width:225px;}
#menuPageNiveau2 a, #menuPageNiveau2 .menuN2 li a {color:#ffffff;}
#menuPageNiveau2 a:hover, #menuPageNiveau2 .menuSelect a, 
#menuPageNiveau2 .menuN2 a:hover, #menuPageNiveau2 .menuSelect .menuSelect a {color:#FCCB08;}
#menuPageNiveau2 #menuN1 {width:245px;height:380px; overflow:auto;}

#menuPageNiveau2 #logo_gl {
	position:absolute;
	top:421px;
}


#menuProduits {
	height:168px;
	overflow:auto;
	text-transform:uppercase;
	font-weight:bold;
}

#menuSF {
	text-transform:uppercase;
	font-weight:bold;
	height:120px;
	overflow:auto;
}

#menu .contenuBox .deroul {
	padding-bottom:5px;
	border-bottom:1px #FFFFFF dotted;
}

#menu .contenuBox .deroul select {
	width:240px;
}

#menu .contenuBox #titreSolution {
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
	line-height:19px;
}

#menu .contenuBox #menuSolution {
	height:75px;
	overflow:auto;
}

#menu .contenuBox #menuSolution ul {
	margin-left:20px;
	/*list-style-image:url("/acs/sites-gl-events-medias/sf-protection/puce_menu1.gif");*/
	list-style-image:url("../sites-gl-events-medias/sf-protection/spaciotempo/puce_menu1.gif");
}

#menu .contenuBox #menuSolution li {
	text-transform:capitalize;
	margin-top:3px;
	padding-left:0px;
}

/* ----------------------------------- Styles du cadre menu 2 --------------------------------------- */
#menu2 {
	position:absolute;	top:347px;	left:18px;	width:246px;	height:237px;	background-color:#CCCCCC;
	padding:10px;
	padding-top:6px;}
	
#menu2 #telechPdf {
	position:absolute;
	top:8px;
	left:237px;
}
	
.telechargement {
	border-top:1px #FFFFFF dotted;
	padding-top:10px;
	margin-top:12px;
}
.telechargement img {margin-right:5px;}

#logo_gl {
	position:absolute;
	top:203px;
}

.titreBoxFiche {
	color:#8B8B8B;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}

.contenuBoxFiche {
	color:#666666;
	border-bottom:1px #666666 dotted;
	margin-top:4px;
	padding-bottom:4px;
}

#fichePDF {
	position:absolute;
	top:25px;
	left:180px;
	height:23px;
	width:40px;
	border-left:1px #9C9B9B dotted;
}

#fichePDF #picto {
	display:inline;
	position:absolute;
	left:10px;
	top:4px;
}

#fichePDF #lien {
	display:inline;
	position:absolute;
	left:30px;
	top:0px;
	width:10px;
	height:20px;
	margin-left:2px;
}

.contenuBoxFiche select {
	width:245px;
}

#navigProduit {
	text-align:left;
	margin-top:8px;
}

.lienNavigProduit {
	text-align:left;
	display:inline;
	margin-right:13px;
	font-weight:bold;
}


#boxMenu2Scroll {
	top:4px;
	left:3px;
	position:relative;
	padding-right:5px;
	width:240px;
	height:140px;
	overflow:auto;
}


/* ----------------------------------- Styles du cadre image --------------------------------------- */

#image {
	position:absolute;
	top:128px;
	left:292px;
	width:490px;
	height:212px;
}

#menuTitrePhototeque {
	position:absolute;
	top:189px;
	left:5px;
}

#menuPhototeque {
	position:relative;
	top:0px;
	left:0px;
	display:inline;
	background-image:url("../sites-gl-events-medias/sf-protection/fondTransp67.png");
	padding:6px;
	padding-top:3px;
	padding-bottom:5px;
	color:#003399;
}

#titre_photo {
	position:relative;
	top:0px;
	left:5px;
	display:inline;
	padding:6px;
	padding-top:3px;
	padding-bottom:4px;
	color:#003399;
	text-align:right;
	background-image:url("../sites-gl-events-medias/sf-protection/fondTransp67.png");
	/* !!! */
	display:none;
}

#menuPhototeque img {
	padding-left:3px;
	padding-right:3px;
	vertical-align:middle;
}

/* ----------------------------------- Styles du cadre contenu --------------------------------------- */
#zoneContenu {	
	position:absolute;	
	top:347px;	
	left:292px;	
	width:470px;	
	height:237px;	
	background-color:#CCCCCC;
	padding:10px;
	padding-top:6px;
}

#contenu {
	position:absolute;
	top:30px;
	left:15px;
	width:460px;
	overflow:auto;
	height:202px;
	padding-right:5px;
}

#zoneContenuMenu2 #contenu {
	height:425px;
}


#contenu .titre1 {
	text-transform:uppercase;
	font-weight:bold;
	color:#444444;
}


#contenu .actu {
	position: relative;
	top:0px;
	left:0px;
	margin-bottom:20px;
	color:#444444;
}

#contenu .actu td{
	vertical-align:top;
}

#contenu .actu .photo img{
	width:66px;
	border:1px #FFFFFF solid;
}
#contenu .actu .photo {width:66px;}

#contenu .actu h1 {
	font-size:10px;
	color:#3399CC;
	font-weight:bold;
}

#contenu .actu h2 {
	font-size:9px;
	font-weight:bold;
}

#contenu .actu .corps {
	padding-right:10px;
	width:350px;
}

#zoneContenuMenu1 #contenu .actu {
	width:440px;
}

#zoneContenuMenu1 #contenu .actu h1 {color:#9CDBF5;}

.titreContenu {
	text-transform:capitalize;
	font-size:12px;
	font-weight:bold;
	color:#3399CC;
}

.titreBox, .titreBox2 {
	border-bottom:1px #FFFFFF dotted;
	padding-bottom:3px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	/*color:#7ECEF3;*/
	color:#72d8dd;
	text-transform:uppercase;
	font-family:arial;
}
#menu2 .titreBox {color:#999999;}
#zoneContenu .titreBox, #zoneContenuMenu2 .titreBox {color:#ffffff;border-bottom:0px;padding-bottom:0px;}
#zoneContenuMenu1 .titreBox {padding-bottom:3px;color:#ffffff;margin-bottom:8px;}
#menu .titreBox2 {
	position:absolute;
	left:10px;
	top:185px;
	width:225px;
	color:#ffffff;
	font-size:12px;
	letter-spacing:0px;
	border-bottom:0px;
	border-top:1px #FFFFFF dotted;
	padding:4px 0px 0px 20px;
	/*background-image:url("/acs/sites-gl-events-medias/sf-protection/puce_menu1.gif");*/
	background-image:url("../sites-gl-events-medias/sf-protection/spaciotempo/puce_menu1.gif");
	background-repeat:no-repeat;
	background-position: 2px 6px;
}
#menu .titreBox2 a{color:#FFFFFF;}
#menu .titreBox2 a:hover{color:#FCCB08;}

.contenuBox {
	margin-top:5px;
}


#vignettes {
	position:absolute;
	top:0px;
	left:0px;
	width:72px;
	height:202px;
	overflow:auto;
}

#vignettes img {
	border:1px #999999 solid;
	margin-bottom:3px;
}

#apercu {
	position:absolute;
	top:3px;
	left:85px;
}

#apercu img {width:372px;}

/* ----------------------------- styles du cadre zone Contenu complète --------------------------- */
#zoneContenuMenu2 {
	position:absolute;	top:128px;	left:292px;	width:470px;	height:456px;	background-color:#CCCCCC;
	padding:10px;
	padding-top:6px;
}


#zoneContenuMenu1 {
	position:absolute;	top:128px;	left:292px;	width:470px;	height:456px;	background-color:#3399CC;
	padding:10px;
	padding-top:6px;
	color:#FFFFFF;
}

#zoneContenuMenu1 #contenantOverflow {
	position:absolute;
	top:38px;
	left:10px;
	width:470px;
	height:425px;
	overflow:auto;
}

#zoneContenuMenu1 #contenu {
	position:relative;
	top:0px;
	left:0px;
	width:450px;
	height:auto;
	overflow:hidden;
}

#zoneContenuMenu1 #menuN3 {
	position:relative;
	top:0px;
	left:0px;
	width:444px;	padding-bottom:8px;
	margin-bottom:20px;
	border-bottom:1px #FFFFFF dotted;
}
#zoneContenuMenu1 #menuN3 a {
	display:block;
	text-transform:uppercase;
	color:#eeeeee;
}
#zoneContenuMenu1 #menuN3 a:hover, #zoneContenuMenu1 #menuN3 a.select {font-weight:bold;color:#ffffff;}

#zoneContenuMenu1 #contenu .actu h1, #zoneContenuMenu1 #contenu .actu h2, #zoneContenuMenu1 #contenu .actu .corps {display:inline;}
#zoneContenuMenu1 #contenu .actu h2, #zoneContenuMenu1 #contenu .actu .corps {color:#ffffff;}


/* --------------------------------- styles de formulaires ---------------------------------- */
#formDemandeInfos {
	text-transform:uppercase;
	color:#444444;
	letter-spacing:0px;
}

#formDemandeInfos input {
	height:15px;
}

#formDemandeInfos input.champs {
	border:1px #999999 solid;
	text-transform:lowercase;
	font-size:9px;
}

#formDemandeInfos textarea {
	border:1px #999999 solid;
	height:93px;
	width:150px;
	overflow:auto;
}

#formDemandeInfos textarea#message {
	border:1px #999999 solid;
	height:93px;
	width:417px;
	overflow:auto;
}

.intitulePartForm {
	font-weight:bold;
	color:#3399CC;
	font-size:10px;
}

span#infoTitreBox {
	font-size:9px;
	font-family:verdana;
	text-transform:lowercase;
	color:#666666;
	padding-left:15px;
	font-weight:normal;
}

span.red {
	color:red;
}

div.formPart {
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px dotted #FFFFFF;
	width:440px;
}


div.formPartFin {
	padding-top:3px;
	padding-bottom:3px;
	width:440px;
}

div.formPart table {
	width:440px;
}

div.formPartFin table {
	width:440px;
}

div.formPart td {
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:0px;
	vertical-align:top;
}

div.formPartFin td {
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:0px;
	vertical-align:top;
}

#formDemandeInfos #submit {
	border:0px #222222 solid;
	height:20px;
	width:35px;
	font-weight:bold;
	padding-bottom:2px;
}

#formDemandeInfos #reset {
	border:0px #222222 solid;
	height:20px;
	width:41px;
	font-weight:bold;
	padding-bottom:2px;
}

#formDemandeInfos #tdSubmit {
	text-align:right;
}

#formDemandeInfos #tdSubmit input {
	width:auto;
	height:auto;
	padding:3px;
	margin-right:2px;
}

#civilite {
	width:270px;
	padding:0px;
}

#identite input {
	width:198px;
}

#civilite input {
	width:30px;
	padding:0px;
}

.buttons {
	width:auto;
	background-color:#CCCCCC;
	border:0px #CCCCCC solid;
}

#mentionsForm {
	text-transform:lowercase;
	padding-top:10px;
	color:#666666;
	text-align:center;
}

#file input {
	height:20px;
}

/* ---------------------------------- plan du site --------------------------------------- */
ul.niveau1 {
	margin-left:40px;
	margin-bottom:12px;
	margin-top:10px;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	color:#404040;
	list-style-image:url("../sites-gl-events-medias/sf-protection/puce_ul1.gif");
}

ul.niveau2 {
	margin-left:20px;
	margin-top:2px;
	font-size:9px;
	font-weight:normal;
	color:#585858;
	list-style-image:url("../sites-gl-events-medias/sf-protection/puce_ul2.gif");
}

/* -------------------------------------- styles de liens --------------------------------------- */
#mentionsForm a:link {color:#3399CC; text-decoration:none;}
#mentionsForm a:visited {color:#3399CC; text-decoration:none;}
#mentionsForm a:hover {color:#3399CC; text-decoration:underline;}
#mentionsForm a:active {color:#3399CC; text-decoration:underline;}

#menuHaut a:link {color:#003366;}
#menuHaut a:visited {color:#003366;}
#menuHaut a:hover {color:#FFFFFF;}
#menuHaut a:active {color:#FFFFFF;}

#lang a:link {color:#9F9E9E;}
#lang a:visited {color:#9F9E9E;}
#lang a:hover {color:#5A5959;}
#lang a:active {color:#5A5959;}

#menuProduits a {
	display:block;
	margin-top:8px;
}
#menuProduits a:link {color:#FFFFFF;}
#menuProduits a:visited {color:#FFFFFF;}
#menuProduits a:hover {color:#FCCB08;}
#menuProduits a:active {color:#FCCB08;}

#menuSF a {
	display:block;
	margin-top:8px;
}
#menuSF a:link {color:#666666;}
#menuSF a:visited {color:#666666;}
#menuSF a:hover {color:#3399CC;}
#menuSF a:active {color:#3399CC;}

.telechargement a:link {color:#8A8A8A;}
.telechargement a:visited {color:#8A8A8A;}
.telechargement a:hover {color:#000000;}
.telechargement a:active {color:#000000;}

#fichePDF a:link {color:#8A8A8A;}
#fichePDF a:visited {color:#8A8A8A;}
#fichePDF a:hover {color:#000000;}
#fichePDF a:active {color:#000000;}

#mentions a:link {color:#9F9E9E;}
#mentions a:visited {color:#9F9E9E;}
#mentions a:hover {color:#5A5959;}
#mentions a:active {color:#5A5959;}

#menuSolution a:link {color:#C2EBFF;}
#menuSolution a:visited {color:#C2EBFF;}
#menuSolution a:hover {color:#FCCB08;}
#menuSolution a:active {color:#FCCB08;}

.lienNavigProduit a:link {color:#666666;}
.lienNavigProduit a:visited {color:#666666;}
.lienNavigProduit a:hover {color:#3399CC;}
.lienNavigProduit a:active {color:#3399CC;}

.contenuBoxFiche a:link {color:#666666;}
.contenuBoxFiche a:visited {color:#666666;}
.contenuBoxFiche a:hover {color:#3399CC;}
.contenuBoxFiche a:active {color:#3399CC;}

ul.niveau1 a:link {color:#404040;}
ul.niveau1 a:visited {color:#404040;}
ul.niveau1 a:hover {color:#1479AB;}
ul.niveau1 a:active {color:#1479AB;}

ul.niveau2 a:link {color:#585858;}
ul.niveau2 a:visited {color:#585858;}
ul.niveau2 a:hover {color:#1479AB;}
ul.niveau2 a:active {color:#1479AB;}

#contenu a:link {color:#666666; text-decoration:underline;}
#contenu a:visited {color:#666666; text-decoration:underline;}
#contenu a:hover {color:#3399CC;}
#contenu a:active {color:#3399CC;}

.trGris {background-color:#EEEEEE;}
.trBlanc {background-color:#FFFFFF;}


/* spaciotempo */
#blocTelephone {
	margin-top:15px;
	display:block;
	font-weight:bold;
	color:#44b3ad;
	font-size:12px;
}