/* ----------------------
	BASIC ELEMENTS 
	----------------------*/

.article h1, .article h2, .article h3, .article h4{ 
	font-family:'Trebuchet MS';
	color:#808080;
	text-align:left;
	font-weight:normal;
	font-size:12pt;
	margin:0px;
	padding:6px 0px 2px 0px;
	}

.article h2 { 
	color:#007CC2;
	font-size:10pt;
	font-weight:bold;
	background-color:#F2F2F2;
	text-transform:uppercase;
	padding:6px 0px 2px 5px;
	margin:20px 0px 4px 0px;
	
	}

.article h3 { 
	font-size:10pt;
	color:#666666;
	border-width:1px;
	border-style:none none solid none;
	border-color:#CCCCCC;
	}

.article h4 { 
	color:#A62000;
	font-size:8pt;
	font-weight:bold;
	}

.article{
	width:100%;
	padding:0px 0px 10px 0px;
	margin:0px 0px 25px 0px;
	overflow:hidden;
	}

.coordonnees_zone .gnt .article{
	background-image:url('../../media/contact_gnt.jpg');
	background-repeat:no-repeat;
	background-position:right 6px;
	height:100%;
	height:174px;
	}

.zphotos .article{
	margin:0px 0px 0px 0px;
	}

.coordonnees_zone .sommet .article{
	background-image:url('../../media/contact_sommet.jpg');
	background-repeat:no-repeat;
	background-position:right 6px;
	height:100%;
	height:174px;
	}

.coordonnees_zone .adc .article{
	background-image:url('../../media/contact_adc.jpg');
	background-repeat:no-repeat;
	background-position:right 6px;
	height:100%;
	height:174px;
	}

.coordonnees_zone .gnt_alsace .article{
	background-image:url('../../media/contact_gnt_alsace.jpg');
	background-repeat:no-repeat;
	background-position:right 6px;
	height:100%;
	height:174px;
	}

.article .title_sgt{
	width:100%;
	border-width:1px;
	border-style:none none solid none;
	border-color:#2D93CC;
	display:table;
	margin:0px 0px 7px 0px;
	}

.article .title_sgt .title_2{
	font-family:'Trebuchet MS';
	padding:2px 6px 1px 10px;
	font-size:10pt;
	font-weight:bold;
	text-align:left;
	color:#FFFFFF;
	float:right;
	border-width:1px;
	border-style:none none solid none;
	border-color:#FFFFFF;
	background-image:url('../../media/blue_title_bg.gif');
	background-repeat:no-repeat;
	background-position:left top;
	text-transform:uppercase;
	}

.article .title_sgt .title_right{
	border-width:1px;
	border-style:none none solid none;
	border-color:#FFFFFF;
	background-image:url('../../media/blue_title_r.gif');
	background-repeat:no-repeat;
	background-position:left top;
	width:4px;
	float:right;
	height:23px;
	}

.main_zone .article .title, .coordonnees_zone .article .title, .zphotos .article .title{
	font-family:'Trebuchet MS';
	padding:3px 0px 0px 15px;
	font-size:11pt;
	font-weight:normal;
	text-align:right;
	color:#7F7F7F;
	border-width:1px;
	border-style:none none solid none;
	border-color:#B6B6B6;
	text-transform:uppercase;
	margin:0px 0px 8px 0px;
	}

.coordonnees_zone .article .title{
	border-width:1px;
	border-style:none none none none;
	border-color:#B6B6B6;
	}

.article .content {
	margin:0px 0px 0px 0px;
	padding:0px 2px 5px 0px;
	text-align:justify;
	font-size:8pt;
	color:#000000;
	font-weight:normal;
	line-height:11pt;
	}

.article .content p{
	text-align:justify;
	font-size:8pt;
	color:#000000;
	line-height:11pt;
	font-weight:normal;
	margin:0px 0px 6px 0px;
	}

.article .content .subtitle {
	padding:5px 0px 0px 0px;
	text-align:left;
	font-size:9pt;
	color:#000000;
	font-weight:bold;
	line-height:12pt;
	}

.article .content .blue_GNT {
	font-weight:bold;
	font-size:8pt;
	color:#007CC2;
}


.coordonnees_zone .article .content {
	float:right;
	text-align:left;
	width:175px;
	padding:10px 0px 0px 0px;
	}

.coordonnees_zone .article .content p{
	text-align:left;
	}


.article .image{
	float:left; 
	width:130px;
	text-align:left;
	padding:3px 0px 8px 0px;
	}


.article .image img{
	width:120px;
	}

.article .image_200{
	float:left; 
	width:215px;
	text-align:left;
	padding:3px 0px 8px 0px;
	}


.article .image_200 img{
	width:200px;
	}

.article .image .left_shadow, .article .image .right_shadow{
	float:left;
	}

.article .content b, .article .content strong{
	color:#000000;
	font-weight:bold;
	font-size:8pt;
	}


.article .flash_class {
	padding:4px 0px 0px 0px;
	margin:0px 0px 8px 0px;
	}

.article a{
	color:#007CC2;
	text-align:left;
	font-weight:normal;
	font-size:8pt;
	}

.coordonnees_zone .article a{
	color:#007CC2;
	text-align:left;
	font-weight:normal;
	font-size:7.5pt;
	}

.article a:link{
	color:#007CC2;
	}

.article a:visited{
	color:#007CC2;
	}

.article a:hover{
	color:#007CC2;
	text-decoration:none;
	}



.article .comment, .article .rl_comment{
	color:#B3B3B3;
	text-align:left;
	font-weight:normal;
	font-size:7pt;
	line-height:9pt;
	padding:2px 0px 3px 4px;
	margin:0px 0px 4px 6px;
	background-color:#F2F2F2;
	clear:both;
	border-width:2px; 
	border-color:#FFFFFF;
	border-style:solid none none none;
	width:396px;
	}

.article .rl_comment{
	width:116px;
	margin:0px 0px 4px 0px;
	}

.article .comment b, .article .rl_comment b{
	color:#808080;
	text-align:left;
	font-weight:normal;
	font-size:7pt;
	}

.resources{
	margin:0px 0px 0px 6px;
	display:table;
	float:right;
	}

.resources .document, .resources .link{
	margin:5px 0px 0px 0px;
	text-align:left;
	font-size:7.5pt;
	color:#AAAAAA;
	line-height:9pt;
	float:left;
	background-image:url('../media/blue_chevron3_2.gif');
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding:0px 5px 0px 18px;
	}


.resources .document .link_comment, .resources .link .link_comment{
	padding:1px 0px 0px 0px;
	}

.resources .link {
	background-image:url('../../media/blue_chevron3_2.gif');
	background-repeat:no-repeat;
	background-position:0px 2px;

}

.resources .document {
	background-image:url('../../media/blue_chevron3_2.gif');
	background-repeat:no-repeat;
	background-position:0px 2px;

}

.resources .link a, .resources .document a{
	color:#000000;
	text-align:left;
	font-weight:bold;
	font-size:8pt;
	text-decoration:none;
}

.resources .link a:hover, .resources .document a:hover{
	color:#0072B3;
	font-weight:bold;
	font-size:8pt;
	text-decoration:none;
}

.resources .application_pdf .document {
	background-image:url('../../media/pdf_icon.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:2px 5px 4px 20px;
	}


/* --------------------
	LIST (ul - li - ol)
	-------------------------*/

/* Default */
ol {
	padding-left: 0px; 
	padding:0px; 
	margin:6px 0px 6px 0px;
	font-size:7.5pt;
	text-align:left;
	list-style-position:outside;
	}

ol li {
	list-style-type:decimal;
	font-size:8pt;
	text-align:left;
	margin:3px 0px 3px 0px;

	}

ul {
	list-style-type:none;
	padding:0px; 
	margin:6px 0px 6px 0px;
	font-size:8pt;
	text-align:left;
	
	}

ul li {	
	vertical-align:middle;	
	font-size:8pt;
	text-align:left;
	margin:10px 0px 10px 0px;
	}

/* Compatibility IE6 */
ul li .liste_li_ie {
	width:100%; 
	padding-left:10px; 
	background-image:url('../../media/blue_puce.gif');
	background-repeat:no-repeat;
	background-position:3px 4px;
	text-align:left;
	}

ol li .liste_li_ie {
	width:100%; 
	padding-left: 0px; 
	background-image: none; 
	text-align: left;
	}

/* Compatibility IE7 */
ul li .liste_li_ie7 {
	padding-left:10px; 
	background-image: url('../../media/blue_puce.gif');
	background-repeat:no-repeat;
	background-position:3px 4px;
	text-align:left;
	/* clear:right; */
	display:block;
	max-width:363px;
	}

ol li .liste_li_ie7 {
	margin-left:10px;
	text-align:left;
	}

/* Compatibility FIREFOX */
ul .liste_li_firefox {
	padding-left:10px; 
	background-image:url('../../media/blue_puce.gif');
	background-repeat:no-repeat;
	background-position:3px 4px;
	text-align:left;
	}

ol .liste_li_firefox {
	padding-left:0px; 
	background-image:none;
	margin-left:20px;
	text-align:left;
	}


/* NEWS */
.article_news {
	float:right;
	width:409px;
	height:140px;
	background-color:#FFFFFF;
	background-image:url('../../media/article_bg.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	}

.article_news .title{
	width:409px;
	background-image:url('../../media/title_bg.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	color:#A62000;
	text-transform:uppercase;
	font-size:8pt;
	border-width:1px;
	border-color:#CCCCCC;
	border-style:none none solid none;
	}

.article_news .title .spec{
	background-color:#FFFFFF; 
	padding-right:6px;
	}


.article_news .news_content{
	float:left;
	width:224px;
	position:relative;
	margin:10px 0px 0px 3px;
	overflow:auto;
	height:95px;
	padding:0px 5px 0px 0px;
	}

.article_news .news_content .news{
	margin:0px 0px 8px 0px;
	}

.article_news .news_content .news .news_title{
	text-align:left;
	padding:0px 0px 0px 7px;
	background-image:url('../../media/red_puce.gif');
	background-repeat:no-repeat;
	background-position:0px 7px;
	font-size:7.5pt;
	font-weight:bold;
	color:#000000;
	}

.article_news .news_content .news .news_title a{
	font-size:7.5pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	}

.article_news .news_content .news .news_title a:hover{
	font-size:7.5pt;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
	}

.article_news .news_content .news .news_summary{
	text-align:left;
	padding:0px 0px 0px 7px;
	font-size:7.5pt;
	line-height:9pt;
	font-weight:normal;
	color:#252525;
	}

.article_news .news_content .news .news_summary a{
	font-size:7.5pt;
	line-height:9pt;
	color:#252525;
	text-decoration:none;
	}

.article_news .news_content .news .news_summary a:hover{
	font-size:7.5pt;
	line-height:9pt;
	color:#252525;
	text-decoration:underline;
	}

.article_news .image{
	float:right; 
	width:172px;  
	position:relative; 
	margin:0px 3px 0px 0px;
	}


.article_news .image .img{
	float:left;
	width:156px;
	height:100%;
	padding:1px 1px 1px 1px;
	border:1px solid #BBBBBB;
	background-color:#FFFFFF;
	}

.article_news .image .left_shadow, .article_news .image .right_shadow{
	float:left; 
	}

.article_news .image .photo_title{
	font-size:7pt;
	color:#AAAAAA;
	text-align:left;
	padding:0px 0px 0px 6px;
	white-space:nowrap;
	overflow:hidden;
	width:156px;
	clear:both;
	}

.article_news .image .photo_title a{
	font-size:7.5pt;
	color:#AAAAAA;
	}


/* RIGHT */

#content_container .right{
	vertical-align:top;
	padding:0px 1px 0px 0px;
	height:100%;
	background-image:url('../../media/right_zone_bg.gif');
	background-repeat:repeat-y;
	background-position:0px right;	
}


/* TITLE PAGE ZONE */

#content_container .right .title_page_zone{
	width:100%;
	background-color:#FFFFFF;
	padding:0px 0px 20px 0px;
}

.title_page_zone .home_btn{
	text-align:right;
	margin:0px 0px 5px 0px;
}


.title_page_zone .title_page{
	font-family:'Trebuchet MS';
	color:#000000;
	font-size:16pt;
	text-align:right;
	font-weight:bold;
	border-width:1px;
	border-color:#000000;
	border-style:none none solid none;
	margin:0px 10px 0px 0px;
	line-height:17pt;
}

.title_page_zone .subtitle_page{
	color:#A5A5A5;
	font-size:8pt;
	text-align:right;
	font-weight:normal;
	margin:0px 10px 0px 0px;
}


/* SEPARATION */

#content_container .right .separation{
	clear:both; 
	width:100%; 
	background-color:#FFFFFF;
}


/* ----------------------------------
	FORMULAIRE DE CONTACT 
	-------------------------------*/


.form_segment .article{
	padding:0px;
	background-image:none;
	margin-bottom:0px;
	height:inherit;
	}

.form_segment .article .content{
	text-align:left;

	}

/* Formulaire */

.form .title {
	color: #000000;
	text-align: left;
	font-weight: bold;
	font-size: 13pt;
	border-color: #FD8000;
	border-width: 2px;
	border-style: none none solid none;
	line-height: 15px;
	margin-bottom: 5px;
	}

.form .text {
	color: #0C0C0C;
	font-size: 8pt;
	font-weight: normal;
	margin-bottom: 5px;
	}

.form .intitule {
	font-family: 'Tahoma', sans-serif ;
	color: #0C0C0C;
	font-size: 7.5pt;
	font-weight: normal;
	text-align:left;
}

.form .intitule_obl {
	font-family: 'Tahoma', sans-serif ;
	color: #0C0C0C;
	font-size: 7.5pt;
	font-weight: bold;
	text-align:left;
}

.form .erreur, .form .erreur_email  {
	color: #007CC2;
	font-size: 7.5pt;
	font-weight: normal;
	margin-bottom: 10px;
	background-image:url('../../media/warning_icon.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:0px 0px 0px 35px;
	height:40px;
	line-height:10pt;
	text-align:left;
	}

.form .erreur b, .form .erreur_email b{
	color: #007CC2;
	font-size: 8pt;
	font-weight: bold;
	}

.form .erreur_email{
	background:url('../../media/email_warning.gif') no-repeat 0px 0px;
	padding:2px 0px 0px 38px;
	}

.form .erreur_email, .form .erreur_email b{
	color: red;
	}

.form .valide {
	color: #252525;
	font-size: 7.5pt;
	text-align: left;
	background-image:url('../../media/check_icon.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left: 35px;
	line-height:10pt;
	height:30px;
	margin-bottom:15px;
	text-align:left;
	}

.form .valide b{
	color: #007CC2;
	font-size: 8pt;
	font-weight: bold;
	}

.form .content {
	font-size: 8pt;
	text-align: right;
	}

.form .content a {
	color: #007CC2;
	font-size: 8pt;
	text-align: left;
	background-image:url('../../media/home_icon.gif');
	background-repeat:no-repeat;
	background-position:1px 3px;
	padding:0px 0px 0px 14px;
	}

.form .champ, .champ_erreur, .champ_erreur2 {
	font-family: 'Tahoma', sans-serif ;
	color: #333333;
	font-size: 8pt;
	font-weight: normal;
	padding-left: 4px;
	margin-bottom: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #C7C7C7;
	width: 100%;
	max-width: 100%;
	height: 14px;
	}

.form .champ_erreur {
	border-color: #007CC2;
	}

.form .champ_erreur2 {
	border-color: red;
	}

.form .button_parameters {
	text-align: right; 
	margin-top: 8px; 
	margin-right:2px;
	}

.form .button {
	font-size: 7pt; 
	height: 18px;
	background-color: #FD8000;
	color: #FFFFFF;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	padding-bottom: 3px;
	}

.form .radio {
	float:left;
}

.form .radio input{
	width:12px;
	height:12px;
	margin:3px 4px 0px 0px;
}

.form .radio_intitule{
	font-family: 'Tahoma', sans-serif ;
	color: #0C0C0C;
	font-size: 8pt;
	text-align:left;
	padding:0px 0px 0px 0px;
	float:left;
}

/* Z photos */
.zphotos img {
	width:186px;
}

.filiale .zphotos img {
	width:184px;
	border:1px #3A3E48 solid;
}

/* INTRO TABLE */
.intro_table {
	border:1px #CCCCCC solid;
	font-size:7.5pt;
	margin:0px 0px 8px 0px
}

.intro_table td{
	background-color:#F8F8F8;
	text-align:left;
	padding:2px 2px 2px 4px;
	vertical-align:top;
}

.intro_table th{
	background-color:#F2F2F2;
	text-align:center;
	padding:2px 2px 2px 4px;
	vertical-align:top;
}

.intro_table thead th{
	font-family:'Trebuchet MS';
	background-color:#007CC2;
	color:#FFFFFF;
	font-size:9pt;
	font-weight:bold;
}


/* EXTRANET */

.ressources_table {
	width:100%;
	margin:10px 0px 20px 0px;
	border:1px #CCCCCC solid;
	border-style:none none none none;
}

.ressources_table thead th{
	color:#666666;
	font-size:7.5pt;
	font-weight:normal;
	padding:4px 0px 4px 0px;
	background:#ECECEC;
	border:1px #CCCCCC solid;
	border-style:none none solid none;
}


.ressources_table td{
	color:#222222;
	font-size:8pt;
	font-weight:normal;
	padding:6px 4px 6px 4px;
}

.ressources_table .icon{
	width:32px;
	text-align:center;
}

.ressources_table .btn{
	width:95px;
	text-align:center;
}


.ressources_table .title{
	font-weight:bold;
	color:#222222;
	font-size:8pt;
	text-align:left;
	border:1px #EEEEEE solid;
	border-style:none solid none none;
}

.ressources_table .title a{
	font-weight:bold;
	color:#222222;
	font-size:8pt;
	text-decoration:none
}

.ressources_table .title a:hover{
	font-weight:bold;
	color:#007CBD;
	font-size:8pt;
	text-decoration:none
}

.ressources_table .subtitle{
	color:#333333;
	font-size:8pt;
	text-align:center;
}

.ressources_table .date{
	color:#888888;
	font-size:7.5pt;
	border:1px #EEEEEE solid;
	border-style:none solid none solid;
	text-align:center;
}


/* Specific */

.cadre {
	padding:5px 10px 5px 10px;
	background-color:#FFFFFF;
}


.commentaires {
	font-size:8pt;
	color:#737373;
	padding-bottom:5px;
}