/*         fichier CSS global pour VEI architectes
                      http://www.vei.fr
         Designed by "ALIOD" de http://www.aliod.fr
      © Copyright 2008-2009 Vous Etes Ici architectes          */


/******************* regles de style ********************/

* {
	margin: 0;
	padding: 0;
	border: 0;
	}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	}
h2 {font-size: 1.5em;}
a:link, a:visited, a:visited, a:active {
	text-decoration: none;
	color: #ffe2e2;
	}
a:hover.equipe, a:active.equipe {text-decoration: underline;}
div#logo img { behavior: url("scripts/pngbehavior.htc");}
hr {
	color: #666;
	background-color: #666;
	height: 1px;
	border: 0;
	}
em {font-size: 0.9em; font-style: italic; font-weight: normal;}

table {
	width: 440px;
	color: #333;
	text-align: center;
	}
td {
	border: solid 1px #b40101;
	color: #333;
	padding: 3px;
	}
th {
	border: solid 1px #b40101;
	background-color: #e23937;
	color: #ffe2e2;
	padding: 3px;
	}
td a:link, td a:visited, td a:active {color: #333;}
td a:hover {color: #999;}

fieldset {
	padding: 0 20px 20px !important;
	/padding-top: -5px;
	border: 2px solid #b40101;
	background-color: #ffe2e2;
	}
legend {
	padding: 0 0.5em;
	color: #b40101;
	font-weight: bold;
	font-size: 1.2em;
	/margin: -10px 0 0 0;
	/line-height: 1.4;
	-position: fixed;
	}
label {
	margin-top: 20px;
	display: inline;
	background-color: #b40101;
	border: solid #b40101;
	border-width: 2px 10px 2px 5px;
	color: #ffe2e2;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	}
input {
	border: 1px solid #b40101;
	background-color: #fff;
	color: #333;
	}
input[type=reset], input[type=submit], input[type=button] {
	margin-right: 10px;
	color: #ffe2e2;
	background-color: #b40101;
	border: 2px outset #b40101;
	cursor: pointer;
	}
#up input {
	margin-bottom: 3px;
	}
.ie6_mov {
	-margin-left: 155px;
	}
input[type=button] {
	position: relative;
	left: 300px;
	bottom: 24px;
	font-size: 1.1em;
	width: 150px;
	}
input[type=button]:hover {
	border: 2px inset #b40101;
	background-color: #b40101;
	color: #ffe2e2;
	position: relative;
	left: 299px;
	bottom: 25px;
	}
input[type=file] {
	/*/width: 300px;*/
	}
input[type=submit]:hover, input[type=reset]:hover {
	border: 2px inset #b40101;
	background-color: #b40101;
	color: #ffe2e2;
	position: relative;
	top: -1px;
	left: -1px;
	}
textarea {
	border: 1px solid #b40101;
	background-color: #fff;
	color: #333;
}

/* liens publications */
#pub_rt {
	background-color:#fff;
	margin:10px 0 0;
	color: #b40202;
	font-size: 1em;
	font-weight: normal;
	text-align:right;
    width: 220px;
}
#pub_rt img {
	font-weight:normal;
	color:#b40202;
	text-decoration:underline;
}
#pub_rt .lnk_img, #pub_rt .lnk_img:hover {
	display:block;
	width:220px;
	margin: 2px 0 0;
	cursor:pointer;
}

/* liens facebook + twitter */
#lnk_rt {
	background-color:#fff;
	margin:10px 5px 0 0;
	color: #b40202;
	font-size: 1em;
	font-weight: normal;
	text-align:right;
    width: 220px;
}
#lnk_rt a, #lnk_rt a:hover {
	font-weight:normal;
	color:#b40202;
	text-decoration:underline;
}
#lnk_rt .lnk_social, #lnk_rt .lnk_social:hover {
	display:block;
	width:45px;
	height:45px;
	margin: 5px 0 0 10px;
	float:right;
}
#lnk_rt a#facebook {background: transparent url(../images/icones/facebook.png) 0 0 no-repeat;}
#lnk_rt a#twitter {background: transparent url(../images/icones/twitter.png) 0 0 no-repeat;}

/************** definition des blocks **************/
#admin{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	border: 1px solid #e77472;
	}
#page_ht {
	width: 100%;
	height: 175px !important;
	background-image: url(../images/band_ht.gif);
	background-repeat: repeat-x;
	font-size: 1em;
	text-align: center;
	}

#logo {
	position: absolute;
	top: 0;
	left: 95px;
	}

#ong_ag {
	position: absolute;
	top: 12px;
	left: 322px;
	width: 100px !important;
	height: 30px !important;
	cursor: pointer;
	}
#ong_pj {
	position: absolute;
	top: 12px;
	left: 452px;
	width: 100px !important;
	height: 30px !important;
	cursor: pointer;
	}
#ong_bk {
	display:none;
	position: absolute;
	top: 12px;
	left: 582px;
	width: 160px !important;
	height: 30px !important;
	cursor: pointer;
	}
#ong_pa {
	position: absolute;
	top: 12px;
	left: 582px;
	width: 160px !important;
	height: 30px !important;
	cursor: pointer;
	}
#ong_ph {
	position: absolute;
	top: 87px;
	left: 322px;
	width: 100px !important;
	height: 30px !important;
	cursor: pointer;
	}
#ong_eq {
	position: absolute;
	top: 87px;
	left: 452px;
	width: 100px !important;
	height: 30px !important;
	cursor: pointer;
	}
#ong_te {
	position: absolute;
	top: 87px;
	left: 452px;
	width: 160px !important;
	height: 30px !important;
	cursor: pointer;
	}
#ong_dia {
	position: absolute;
	top: 87px;
	left: 642px;
	width: 130px !important;
	height: 30px !important;
	cursor: pointer;
	}
#ong_ct {
	position: absolute;
	top: 87px;
	left: 582px;
	width: 100px !important;
	height: 30px !important;
	cursor: pointer;
	}
#ong_in {
	position: absolute;
	top: 87px;
	left: 452px;
	width: 290px !important;
	height: 30px !important;
	cursor: pointer;
	z-index: 2;
	}
#ong_fi {
	position: absolute;
	top: 87px;
	left: 582px;
	width: 160px !important;
	height: 30px !important;
	cursor: pointer;
	}

#pj_base {
	position: absolute;
	top: 174px;
	left: 42px;
	width: 280px !important;
	height: 190px !important;
	visibility: visible;
	z-index: 1;
	color: #666;
	font-size: 0.8em;
	text-align: center;
	}

#pj_mosaic {
	position: absolute;
	top: 369px;
	left: 42px;
	z-index: 10;
	overflow: visible;
	width: 280px !important;
	}
#adm_diapo {
	margin-top: 35px;
	width: 280px;
	height: 174px;
	border: 1px solid #000;
	}
#adm_diapo_select {
	margin-top: 10px;
	width: 280px;
	height: 320px;
	border: 1px solid #000;
	}
#main_lt {
	position: absolute;
	top: 190px;
	left: 42px;
	width: 280px !important;
	}
#main_md {
	position: absolute;
	top: 174px;
	left: 322px;
	width: 560px !important;
	height: 500px !important;
	}
#main_news {
	position: absolute;
	top: 195px;
	left: 330px;
	width: 440px;
	}
#main_rt {
	position: absolute;
	top: 208px;
	left: 900px;
	width: 220px !important;
	color: #333;
	font-size: 1em;
	line-height: 14px;
	font-weight: normal;
}
#menu_rt {
	position: absolute;
	top: 190px;
	left: 850px;
}
#news_rt {
	background-color:#b40202;
	width: 200px !important;
	padding:10px;
	color: #fff;
	font-size: 1em;
	font-weight: normal;
}
#news_rt a {
	font-weight:bold;
	color:#fff;
}
#news_rt a:hover {color:#e74543;}

#ag_cor {
	position: absolute;
	top: 192px;
	left: 42px;
	width: 826px !important;
	height: 495px !important;
	background-color: #fff;
	background-image: url(../images/people.jpg);
	background-repeat: no-repeat;
	}
#ag_cor_rt {
	position: absolute;
	margin: 10px 10px 10px 290px;
	color: #666;
	font-weight: bold;
	font-size: 10px;
	}
#eq_cor {
	position: absolute;
	top: 192px;
	left: 42px;
	width: 826px !important;
	height: 495px !important;
	background-color: #fff;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	}
#eq_cor_rt {
	position: absolute;
	padding: 10px 0 10px 10px;
	top: 0;
	left: 280px;
	}
#eq_cor_map {
	position: absolute;
	top: 0;
	left: 280px;
	}
#eq_rt {
	position:absolute;
	top: 200px;
	left: 888px;
	height: 495px;
	width: 225px;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	}
#img_situation {width:88px;height:108px;}


/************** definition des classes **************/

.onglets {
	position: relative;
	top: 8px;
	letter-spacing:1pt;
	}
.onglets2 {
	position: relative;
	top: 10px;
	letter-spacing:1pt;
	font-size: 0.8em;
	}

.pj_ttr_base {
	position: relative;
	top: 3px;
	}
.pj_dpo_base {
	position: absolute;
	top: 16px;
	left: 0;
	}

.pj_menu {
	position: absolute;
	top: 174px;
	left: 42px;
	width: 280px !important;
	height: 195px !important;
	z-index: 4;
	background-color: white;
	}
.pj_menu0 {
	position: absolute;
	top: 174px;
	left: 42px;
	width: 280px !important;
	height: 190px !important;
	z-index: 1;
	background-color: white;
	}
.pj_titre {
	position: relative;
	height: 17px;
	float: left;
	clear: both;
	z-index: 5;
	background-color: #b40101;
	border: solid #b40101;
	border-width:0 90px 0 10px;
	padding-top:4px;
	font-size: 11px;
	text-transform: uppercase;
	}
.pj_diapo {
	position: relative;
	float: left;
	clear: both;
	z-index: 6;
	}
.pj_diapo img {width:280px;height:174px;}

.pj_mos_ctn {
	position: relative;
	float: left;
	width: 70px !important;
	height: 50px !important;
	}
.pj_mos_ctn img {width:70px;height:50px;}
.pj_mos_img {
	width: 70px;
	height: 50px;
	}

.pj_info_ctn0 {
	position: absolute;
	top: 43px;
	left: 273px;
	height: 68px !important;
	font-size: 0.9em;
	color: #ffcdcd;
	}
.pj_info_ctn {
	position: relative;
	float: left;
	width: 120px;
	margin: 7px 0 0 5px;
	text-align: left;
	vertical-align: text-top;
	}

.pj_menu_ctn0 {
	position: absolute;
	top: 124px;
	left: 322px;
	height: 50px !important;
	}
.pj_menu_ctn {
	position: relative;
	float: left;
	height: 50px !important;
	}
.pj_menu_esp {
	height: 50px;
	width: 25px;
	}
.pj_menu_num {
	color: red;
	background-color: red;
	border: 0;
	height: 50px;
	width: 20px;
	}
.pj_menu_ind {
	color: #ffe2e2;
	font-size: 1.5em;
	font-weight: normal;
	margin-right: 5px;
	}

.desc_ttl {
	color: #666;
	font-size: 1.5em;
	line-height: normal;
	}
.desc_txt {
	color: #333;
	font-size: 1.1em;
	line-height: normal;
	}

.pj_link {
	background-color: #b40101;
	border: 3px solid #b40101;
	}

.ag_ph_1 {font-size: 1em; width: 526px;}
.ag_ph_2 {font-size: 1.2em; width: 526px;}
.ag_ph_3 {font-size: 1.4em; width: 526px;}
.ag_ph_4 {font-size: 1.6em; color: #b40101; width: 526px;}

.eq_rt_ttl {font-size: 1.6em; color: #ffe2e2; line-height: 1.5em;}
.eq_rt_txt {font-size: 1.0em; color: #fff;}
.eq_cor_ctn {width:145px;height:108px;}

.rtlg {font-size: 0.5em;}

.news {
	border: none;
	}
.news_ttl {
	background-color: #b40101;
	color: #ffe2e2;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	display: block;
	border: solid 1px #b40101;
	}
.news_txt {
	display: block;
	clear: both;
	color: #333;
	font-size: 1em;
	text-align: left;
	padding: 5px 5px 15px;
	}
.news_txt a:link, .news_txt a:visited, .news_txt a:active {color: #333; font-weight: bold;}
.news_txt a:hover {color: #999;}

.deconnect a:link, .deconnect a:visited, .deconnect a:active {color: #b40101;}
.deconnect a:hover {color: #b40101; text-decoration: underline;}

.connect {
	width: 200px;
	}
.connect label{
	background-color: #fff;
	color: #333;
	border: none;
	}
.connect input{
	background-color: #fff;
	color: #333;
	border: 1px solid #666;
	}
.connect input[type=submit] {
	border: 2px outset #e23937;
	background-color: #e23937;
	color: #ffe2e2;
	cursor: pointer;
	}
.connect input[type=submit]:hover {
	border: 2px outset #e23937;
	background-color: #e23937;
	color: #333;
	cursor: pointer;
	position: relative;
	top: 0;
	left: 0;
	}

.part_tab {width: 560px;}
.part_ttl {
	margin-right: 15px;
	color: #b40101;
	font-size: 1.5em;
	font-weight: bold;
	}
.part_form {color: #333; font-size: 1.1em;}
.part_icon {width: 15px; height: 15px;}

.part_sub input[type=submit], .part_sub input[type=submit]:hover {
	top: 0;
	left: 0;
	border: none;
	margin: 0;
	background-image: url(../images/icon_download.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	color: white;
	width: 20px;
	height: 20px;
	-height:1%;
	cursor: pointer;
	}

.imgnews {
	position: relative;
	float: left;
	width: 70px;
	margin: 0 0 25px;
	}

.txtnews {
	position: relative;
	float: left;
	width: 400px;
	margin: 5px 0 25px 10px;
}

/* publications */
#pub_rt {
	display:block;
}
.doc_dl {
	display:block;
	margin-bottom:15px;
}
#lnk_rt a {
	display:inline;
}


/* DIAPORAMA*/
#imga, #imgb {
	position: absolute;
	}
#imga img, #imgb img {
	width:280px;
	height:174px;
	}
#adm_diapo_news {
	position: absolute;
	left: 42px;
	top: 195px;
	}