@charset "utf-8";
/* CSS Document 
- - - - - - - - - - - - - - - - - - - - - - - -
Maquette NO: Designis 
Copyright and author: www.designis.ch
Style: default 
- - - - - - - - - - - - - - - - - - - - - - - -
*/

*{margin: 0; padding: 0}
html, body {
	width:100%;
	height:101%;
}
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	color: #333;
	background-image: url(../images/fd_bruit_gris.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #E3E3E3;
}
a img {border: 0}
h1, h2, h3, h4 {font-weight: bold;	margin-bottom: 5px;}

h1 {font-size: 15px;color: #22678A;}
h2 {font-size: 13px;color: #22678A;}
h3 {font-size: 14px;color: #22678A;}
h4 {font-size: 12px;color: #22678A;}
.tx_bleu_top{ 
	font-size: 16px;
	color: #2E72A9;
}
.tx_bleu {
	font-size: 12px;
	color: #53AAD9;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.txbig {
	font-size: 30px;
	color: #22678A;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.highslide-maincontent a {
	color: #F90;
	text-decoration: none;
}
.highslide-maincontent a:hover {
	color: #666;
	text-decoration: underline;
}

strong {color: #333; font-weight: bold;}
/*template}*/
#wrap-container {
	background-image: url(../images/wrap_out.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#wrapper {
	width: 995px;
	margin: 0 auto;
}

/*menu liens et login*/
#topmenu { width: 995px; text-align: right; background-image: url(../images/top_menu.png); height: 42px; background-repeat: no-repeat; background-position: top; 
}
#topmenuin{ padding-right: 59px; padding-top: 0px; padding-bottom: 8px; 
}
#temptop{ background-image: url(../images/temptop.png); background-repeat: no-repeat; height: 23px; color: #FFF; text-align: right; clear: both; }
#temptopin{padding-right: 35px; padding-left: 45px}
#topmenu a:link, #topmenu a:visited, #tempavfoot a:link, #tempavfoot a:visited  {
	font-size: 12px;
	color:#BFE0E3;
	text-decoration: none
}
#topmenu a:hover, #tempavfoot a:hover {
	color: #FFF;
	text-decoration: none
}
#logo {
	float: left;
	height: 55px;
	padding-top: 5px;
}
/*contenu total*/
#tempmid{
	width: 995px;
	background: url(../images/tempmid.png) repeat-y;
}
#titre {
	clear: both;
	height: 46px;
	background-repeat: no-repeat;
}
#titrein {
	padding-top: 11px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 135px;
}
#menu {
	width: 780px;
	height: 33px;
	color: #FFF;
}
#header{
	height: 260px;
	width: 948px;
	color: #FFF;
	font-size: 12px;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	clear: both;
	margin-top: 0;
	margin-right: 23px;
	margin-bottom: 0;
	margin-left: 24px;
}
#header a:link, #header a:visited {
	color:#0C3458;
	text-decoration: none;
	font-size: 12px;
}
#header a:hover {
	color: #22678A;
	font-weight: normal
}
/*header gauche - adresse*/
#hd_ad {
	float: left;
	width: 253px;
	height: 260px;
	font-size: 13px;
	line-height: 1.8em;
}
#hd_adin {
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 15px;
}

/*header milieu - photo*/	
#hd_photo {
	margin-top: 25px;
	border: 1px solid #406F99;
	float: left;
	height: 213px;
	width: 443px;
}

/*header droite - lien portfolio*/
#hd_portfolio {
	float: right;
	width: 250px;
	line-height: 1.8em;
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 260px;
	font-size: 13px;
}
#hd_portfolioin {
	padding: 49px 0 0 22px;
}
.top_slog {
	background-image: url(../images/fd_top_slogan.png);
	height: 81px;
	width: 228px;
	margin-bottom: 7px;
	background-repeat: no-repeat;
	background-position: right;
	font-size: 12px;
}
.top_slog_in {
	margin-bottom: 20px;
	padding-top: 18px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
#hd_portfolio a:link, #hd_ad a:link {
	color:#8AE8FF;
	text-decoration: none
}
#hd_portfolio a:hover, #hd_ad a:hover {
	color: #FFF;
	text-decoration: none
}

/*contenu 1 2 3 col*/
#contenu,#contenu_0col,#contenu_2col  {
	clear: both;
	width: 995px;
	overflow: hidden;
	padding-top: 15px;
	background-position: center;
	background-repeat: repeat-y;
}
#contenu {
	background: #FFF url(../images/2011/fd_contenu.gif);
}
.ban {
	clear: both;
	background: #F6F6F6 url(../images/fd_ban.gif) repeat;
	height: 80px;
	border-bottom: 1px dashed #999;
}
.ban h1 {
	color: #666;
	font: 22px/0px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 42px 0px 0px;
	margin: 0px 0px 0px 22px;
}
.ban span {
	color: #A2C239;
}

.ban_bouton {
	float: right;
	padding-top: 9px;
}

#banport {
	clear: both;
	width: 995px;
	padding: 0px;
	background: url(../images/fd_banportimg.gif) repeat;
	min-height: 90px;
	margin: 0px;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
}
#banport h1 {
	color: #666;
	margin-left: 22px;
	margin-top: 24px;
	font: 22px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-bottom: 20px;
}
#banport h2 {
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	margin: -15px 0px 0px;
	padding: 0px;
	color: #333;
}
#banport .portimg {
	float: left;
	min-height: 230px;
	width: 302px;
	margin-left: 20px;
	display: inline;
}
#contenu_0col {
	background: url(../images/fd_ban.gif) repeat;
}
#contenu_2col {
	background: url(../images/2011/fd_contenu2col.gif) repeat-y;
 }
#gauche {
	width: 245px;
	float: left;
	overflow:hidden;
}
#gauchein {
	padding: 10px 15px 15px 15px;
}
#droite {
	width: 243px;
	float: right;
	overflow: hidden;
}
.droitein {
	padding: 15px;
}
#mid {
	width: 466px;
	float: left;
	background-color: #FFF;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 15px;
	overflow:hidden
}
#midin {
	padding: 0;
}
#mid_2col {
	width: 700px;
	float: left;
	margin-left: 24px;
	padding: 15px 0px;
}
#mid_0col {
	width: 948px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 25px;
	background: #F5F5F5 url(../images/fd_ban.gif) repeat;
}
#mid ul, #mid_2col ul, #mid_0col ul, .box ul {
	color: #333;
	margin-left: 15px;
	text-align: left;
	list-style-image: url(../images/icone/bullet.gif)
}
#mid li, #mid_2col li, #mid_0col li, .box li {margin: 0; padding: 0}

#mid a:link, #mid_2col a:link, #mid_0col a:link, .box a:link, #mid a:visited, #mid_2col a:visited, #mid_0col a:visited, .box a:visited { color:#963; text-decoration: none}
#mid a:hover, #mid_2col a:hover, #mid_0col a:hover, .box a:hover { color: #22678A; font-weight: normal; text-decoration: none}

/*sous-menu*/
#sousmenu {
	list-style: none;
	margin: 0;
	padding-top: 15px;
	margin: 0 5px 0 0;
	padding: 0
}
#sousmenu li {
	color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F4F3;
	margin: 0;
}
#sousmenu ul {}
#sousmenu li a {/*
	-moz-border-radius: 5px;
	border-radius: 0 5px  5px 0;*/
	display: block;
	color: #333;
	line-height: 1.7em;
	text-decoration: none;
	padding: 5px 10px 5px 20px;
	margin-bottom: 4px;
}
#sousmenu li a:hover, #sousmenu li a:focus, #sousmenu li a:active {
	/*	-moz-border-radius: 5px;
	border-radius: 0 5px  5px 0;*/
	color: #1B7EAC;
}
#sousmenu li a.on {
	/*	-moz-border-radius: 5px;
	border-radius: 0 5px  5px 0;*/
	color: #1B7EAC;
	font-weight: bold;
}

/* portfolio */
.zone_portfolio {
	margin-left: -20px
}
.port {
	float: left;
	height: 400px;
	min-height: 400px;
	width: 302px;
	margin-left: 20px;
	display: inline;
	z-index: 1
}
.port .bt{
	z-index: 10;
	padding-top: 156px;
	position: absolute;
}

.port h2 {
	font: italic bold 14px Georgia, "Times New Roman", Times, serif;
	color: #333;
}
.port .tx {
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #22678A;
	font-weight: bold;
}

.port .box {
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 4px 0px;
	padding: 4px;
	border: 1px solid #F93;
	width: 280px;
}

/* MODULE */
.col1, .col2, .col3 {float:left; display:inline}
.col1 {
	width: 356px;
	margin-right: 30px;
	margin-left: 20px;
}
.col2{
	width: 285px;
	margin-right: 20px;
	margin-left: 0px;
}
.col3 {
	width: 260px;
	margin-right: 0px;
}


/* divers: sep, marge, box */
select, input { padding: 3px; border: 1px solid #CCC; background-image: url(../images/menu_degrade.png); background-repeat: repeat-x; background-position: top; margin: 5px 0; }
textarea{
	border: 1px solid #CCC;
	margin: 0;
}
.packacc {
	float: left;
	padding-bottom: 60px;
	margin-right: 15px;
	margin-bottom: 60px;
}
.in {padding: 0 15px}
.boxg {
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	border: 1px dashed #CCC;
	width: 95%;
	clear: both;
	margin-bottom: 15px;
	background: #F6F6F6 repeat;
	
}
.box {
	padding-top: 15px;
	padding-right: 18px;
	padding-bottom: 15px;
	padding-left: 18px;
	background: repeat;
}
.box h1{
	letter-spacing: 0em;
	font-size: 14px;
}
.div_center {
	text-align: center;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	color: #FFF;
}
.tempsnap {
	margin-left: 30px;
	margin-top: 5px;
}
.clear {clear: both}
.sep {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
	clear: both;
	margin-top: 5px;
	margin-bottom: 20px;
}
.sepd {
	clear: both;
	margin: 0;
	border-bottom: 1px dashed #CCC;
}
.sepport { clear: both; margin-bottom: 14px; padding-top: 14px; border-bottom: 3px solid #DBDBDB; }

.cadre { border: 1px solid #DBDBDB; padding: 5px; background: #FFF; 
}
.float_droite {
	float: right;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 10px;
}
.float_left{
	float: left;
	margin: 2px 15px 2px 0;
}
.photo {
	background-color: #EFEFEF;
	padding: 5px;
	border: 1px solid #CCC;
	margin-bottom: 10px;
	margin-right: 10px;
}
.ph_gauche {
	float:left;
	background-color: #EFEFEF;
	border: 1px solid #CCC;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-top: 10px;
	margin-left: 10px;
}
.ph_droite {
	float:right;
	background-color: #EFEFEF;
	border: 1px solid #CCC;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 20px;
}
.photo_real {
	background-color: #EFEFEF;
	padding: 5px;
	border: 1px solid #CCC;
	margin-bottom: 5px;
	margin-right: 5px;
}
.phright {
	background-color: #EFEFEF;
	padding: 5px;
	border: 1px solid #CCC;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
.photo_port {
	float:left;
	background-color: #EFEFEF;
	margin-bottom: 20px;
	margin-right: 25px;
	clear: both;
}
/*footer et copyright*/
#footer {
	height: 160px;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	background-position: top;
	clear: both;
	width: 995px;
	margin-right: auto;
	margin-left: auto;
}
#footer h1 {
	float: right;
	margin-top: 15px;
	margin-right: 25px;
	background-position: top;
}
#footerin {
	float: left;
	width: 600px;
	color: #FFF;
	padding: 20px 0 0 15px;
}
#footer a:link, #footer a:visited  { color:#B9E0F0; text-decoration: none; font-weight: normal; font-size: 11px; 
}
#footer a:hover { color: #FFF; text-decoration: none; font-weight: normal; 
}

table {
	width: 95%;
	border-collapse:collapse
}
td, th {font-size: 12px; margin: 0; padding: 0; border: 0; line-height: 1.8em; vertical-align:top; text-align: left;}

.boxpack {
	float: left;
	padding-right: 30px;
	padding-bottom: 20px;
}
.td_pack {width: 155px}
.visite_site {
	margin-top: 8px;
	margin-bottom: 0px;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */