@charset "utf-8";
/* CSS Document */

/***********************************************/
/*                    RESET                    */
/***********************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
	cursor: url('img/cursor.png') 10 7, auto;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a {
	outline: 0;
	cursor: url('img/hand.png') 14 7, auto;
	/cursor: pointer;
}
input, textarea {
	font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333;
	border: 2px solid #CCC;
	margin: 1px;
	padding: 2px;
}
input:focus, textarea:focus {
	border-top-color: #517FBD;
	border-right-color: #517FBD;
	border-bottom-color: #517FBD;
	border-left-color: #517FBD;
}
input:hover, textarea:hover {
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
input[type=submit] {
	font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
	border: 2px solid #CCC;
	background-color: #517FBD;
	margin: 3px;
	padding: 5px;
}
input[type=submit]:hover {
	background-color: #009021;
	cursor:pointer;
}
input[type=text] {
	cursor: text;	
}
input[readonly=readonly] {
	cursor:not-allowed;
	background-color:#CCC;
}

/***********************************************/
/*              INITIALISATION                 */
/***********************************************/
body {
	font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333;
	background-color: #222;
}

#container_white {
	background-color: #FFF;
}
#container_900 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#container2 {
	overflow:hidden;
}
/***********************************************/
/*                  HEADER                     */
/***********************************************/
	#header {
		background-image: url(img/header.jpg);
		background-position: 0px 0px;
		margin: 0px;
		height: 111px;
	}
	#illustration {
		background-image: url(img/header.jpg);
		background-position: 0px -111px;
		height: 127px;
		padding-bottom: 1px;
		text-align: right;
	}
	#illustration img {
		border: 5px solid #fff;
		-moz-box-shadow: 1px 1px 12px #555;
		-webkit-box-shadow: 1px 1px 12px #555;
		box-shadow: 1px 1px 12px #555;
		margin-top: 8px;
		margin-right: 10px;
		margin-left: 10px;
	}
	#header #search {
		height: 32px;
		padding-top:3px;
		padding-left: 10px;
		width: 298px;
		margin-left: auto;
		background-image: url(img/recherche.jpg);
		text-shadow: 0px 1px 0px #DDD;
		background-position: bottom;
		font-weight:bold;
	}
	#search input[type=text] {
		cursor: text;
		font-style: italic;
		width: 160px;
		background-color: #cfdda0;
		border: 3px solid #839d2f;
		vertical-align: middle;
	}
	#search input[type=image] {
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		cursor: pointer;
	}
	
	.search_result_title {
		background-image: url(img/menu_v.jpg);
		height: 21px;
		padding-top: 7px;
		padding-right: 5px;
		padding-bottom: 2px;
		padding-left: 5px;
		margin: 0px;
	}
	.search_result_box {
		padding: 5px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		border: 1px solid #89AC1E;
	}
	
	.search_result_title #search_result_titletxt {
		width: 400px;
		float: left;
		font-size: 14px;
		color: #333;
	}
	.search_result_title #search_result_titletxt a {
		color: #333;
	}
	.search_result_title #seach_result_lire a {
		color: #333;
		font-variant: small-caps;
	}
	.search_result_title #seach_result_lire {
		float: right;
		width: 200px;
	}
	#header #langLink {
		display: block;
		color: #AAA;
		position: absolute;
		top: 5px;
		margin-left: 480px;
	}
	#header #langLink:hover {
		display: block;
		color: #333;
		position: absolute;
		top: 5px;
		margin-left: 480px;
	}
	#header #header_links {
	text-align: right;
	width: 300px;
	margin-left: 600px;
	padding-top: 10px;
	}
	#header #header_links a {
	color: #333;
	text-decoration: none;
	background-image: url(img/puce.jpg);
	background-repeat: no-repeat;
	padding-bottom: 7px;
	font: bold 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-position: right 2px;
	display: block;
	text-align: right;
	padding-right: 25px;
	margin-right: 5px;
	}
	#header #header_links a:hover {
		color: #006DD6;
		text-decoration: none;
	}


/***********************************************/
/*           MENU HORIZONTAL                   */
/***********************************************/
	#menu_h a:hover {
		background-image: url(img/menu_v.jpg);
		background-position: 37px;
	}
	#menu_h .active {
		background-image: url(img/menu_v.jpg);
		background-position: -37px;
	}
	#menu_h {
		background-image: url(img/menu_v.jpg);
		background-repeat: repeat-x;
		height: 37px;
		margin-bottom: 20px;
	}
	#menu_h a {
		display: block;
		height: 19px;
		border-top-width: 0px;
		border-right-width: 1px;
		border-bottom-width: 0px;
		border-left-width: 1px;
		border-top-style: none;
		border-right-style: solid;
		border-bottom-style: none;
		border-left-style: solid;
		border-right-color: #333;
		border-left-color: #FFF;
		color: #111;
		text-decoration: none;
		text-shadow: 0px 1px 0px #DDD;
		padding-top: 9px;
		padding-bottom: 9px;
		margin-right: auto;
		margin-left: auto;
		padding-right: 10px;
		padding-left: 10px;
		font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}

/***********************************************/
/*               SOCIAL BAR                    */
/***********************************************/
	#social_bar {
		background-image: url(img/social_bar.jpg);
		background-repeat: repeat-x;
		height: 24px;
		background-position: 0px -48px;
		display: block;
	}
	#social_bar_right {
		background-image: url(img/social_bar.jpg);
		background-repeat: no-repeat;
		background-position: 0px -24px;
		height: 24px;
		width: 13px;
		float: right;
		display: block;
	}
	#social_bar_left {
		background-image: url(img/social_bar.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		height: 24px;
		width: 13px;
		display: block;
		float: left;
	}
	#social_bar a {
		text-decoration: none;
		display: block;
		height: 15px;
		width: 18px;
		background-image: url(img/social_icons.jpg);
		margin: 4px;
	}
	#social_bar a[id=RSS]:hover {
		background-position: 18px 0px;
	}
	#social_bar a[id=FACEBOOK]:hover {
		background-position: 18px -15px;
	}
	#social_bar a[id=TWITTER]:hover {
		background-position: 18px -30px;
	}
	#social_bar a[id=PRINT]:hover {
		background-position: 18px -45px;
	}
	#social_bar a[id=PDF]:hover {
		background-position: 18px -60px;
	}
	#social_bar a[id=EMAIL]:hover {
		background-position: 18px -75px;
	}
	#RSS {
		background-position: 0px 0px;
		float: left;
	}
	#FACEBOOK {
		background-position: 0px -15px;
		float: left;
	}
	#TWITTER {
		background-position: 0px -30px;
		float: left;
	}
	#PRINT {
		background-position: 0px -45px;
		float: right;
	}
	#PDF {
		background-position: 0px -60px;
		float: right;
	}
	#EMAIL {
		background-position: 0px -75px;
		float: right;
	}

/***********************************************/
/*              MENU VERTICAL                  */
/***********************************************/
	#container2 #menu_v {
		width: 200px;
		margin-left: 700px;
		clear: none;
		height: auto;
	}
	#menu_v a   {
		color: #333;
		text-decoration: none;
		background-image: url(img/puce.jpg);
		background-repeat: no-repeat;
		padding-left: 25px;
		padding-bottom: 7px;
		font: bold 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		background-position: left 2px;
		margin-left: 25px;
		display: block;
	}
	#menu_v a:hover {
		color: #006DD6;
		text-decoration: none;
	}

/***********************************************/
/*                    GALLERY                  */
/***********************************************/
#galleryBox {
	width: 130px;
	float: left;
	margin: 10px;
	padding: 0px;
}
#galleryBox #title {
	background-color: #333;
	color: #FFF;
	padding: 5px;
	margin-right: 10px;
	margin-left: 10px;
	display:block;
}
#galleryBox a img {
	-moz-box-shadow: 1px 1px 12px #555;
	-webkit-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;
	float: left;
	border: 5px solid #FFFFFF;
	?border: 5px solid #D6D6D6;
	margin: 10px;
}
#galleryBox a:hover img {
	-moz-box-shadow: 1px 1px 12px #555;
	-webkit-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;
	float: left;
	border: 5px solid #039528;
	?border: 5px solid #039528;
	margin: 10px;
}




#content {
	width: 670px;
	background-image: url(img/barre_v.jpg);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 30px;
	float: left;
	margin-bottom: 10px;
	min-height: 300px;
}
#content a {
	color: #006CD1;
	font-weight: bold;
	text-decoration: none;
}
#content a:hover {
	color: #006CD1;
	font-weight: bold;
	text-decoration: underline;
}
#content img {
	margin: 10px;
}








#page_title {
	font: bold 22px Verdana, Geneva, sans-serif;
	margin-bottom: 3px;
}
#page_title a {
	color: #333;
	text-decoration: none;
}
#page_title a:hover {
	color: #046ED2;
	text-decoration: none;
}

#content #error {
	padding: 10px;
	font-weight: bold;
	color: #FFF;
	background-color: #DF0000;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#content #valid {
	color: #FFF;
	background-color: #009021;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/***********************************************/
/*                   FOOTER                    */
/***********************************************/
	#theme_footer {
		background-color: #222;
		background-image: url(img/footer.jpg);
		background-repeat: repeat-x;
	}
	#theme_footer #container {
		color: #666;
		padding-top: 10px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 0px;
		width: 900px;
		margin-right: auto;
		margin-left: auto;
	}
	#theme_footer ul {
		margin-left: 10px;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #484848;
		padding-left: 10px;
	}
	#theme_footer a {
		color: #484848;
		text-decoration: none;
	}
	#theme_footer a:hover {
		color: #666;
	}
	#theme_footer #Footer_VITSE {
		background-image: url(img/vitse.png);
	}
	#theme_footer #Footer_DEV {
		background-image: url(img/Dev.png);
	}
	#theme_footer #Footer_ENV {
		background-image: url(img/env.png);
	}
	#LOGO_Links a {
		background-position: 0px 0px;
		display: block;
		margin: 5px;
		padding: 0px;
		height: 90px;
		width: 200px;
		float: left;
	}
	#LOGO_Links a:hover {
	background-position: 0px -90px;
		
	}


/***********************************************/
/*             DOWNLOAD BOX                    */
/***********************************************/
#content #download td  {
	border: 1px solid #FFF;
	padding: 5px;
	background-color: #DFE9DA;
}
#content #download th  {
	padding: 5px;
	color: #000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(img/menu_v.jpg);
}
#content #download img {
	border: none;
	-moz-box-shadow: 0px 0px 0px #555;
	-webkit-box-shadow: 0px 0px 0px #555;
	box-shadow: 0px 0px 0px #555;
	float: none;
	margin: 0px;
}


#recommend_website_error {
	color: #FFF;
	background-color: #F00;
	padding: 10px;
}