@charset "utf-8";

div {
	text-align:center;
	}	
	
/* Bandeau haut*/	

div#spacerbandeau {
	width:900px;
	height:5px;
	margin-left: auto;
    margin-right: auto;
	}
	
div#bandeau {
	width:900px;
	height:77px;
	margin-left: auto;
    margin-right: auto;
	}	
div#logo {
	width:240px;
	height:77px;
	float:left;
	}
div#conteneurbandeau {
	height:90px;
	margin-left:auto;
	margin-right:auto;
	}
div#conteneurbandeau1 {
	width:20px;
	height:30px;
	background-color:#FFFFFF;
	float:left;
	}
div#conteneurbandeau2 {
	width:554px;
	height:30px;
	background-color:#FFFFFF;
	float:left;
	text-align:right;
	}
	
div#conteneurbandeau2 ul li {
	display:inline;
	margin-left:20px;
}

div#conteneurbandeau2_1 {
	width:210px;
	height:30px;
	background-color:#FFFFFF;
	float:left;
	text-align:right;
	}
div#conteneurbandeau2_2 {
	width:135px;
	height:30px;
	background-color:#FFFFFF;
	float:left;
	}
div#conteneurbandeau2_3 {
	width:85px;
	height:30px;
	background-color:#FFFFFF;
	float:left;
	}
div#conteneurbandeau2_4 {
	width:85px;
	height:30px;
	background-color:#FFFFFF;
	float:left;
	}
	
div#menu_container_bas {

}

div#conteneurmenu {
	width:750px;
	height:38px;
	background-color:#FFFFFF;
	margin-top:13px;
	/*top:44px;*/
	}
div#coingauchemenu {
	width:23px;
	height:38px;
	background-image:url(../images/menu-coin-arrondi-gauche.png);
	float:left;
	}
div#coinmilieumenu {
	/*width:601px;*/
	height:38px;
	/*padding-left: 18px;*/
	float:left;
	padding-left: 18px;
	}
div#coindroitemenu {
	width:23px;
	height:38px;
	background-image:url(../images/menu-coin-arrondi-droite.png);
	float:left;
	}	

	/* Bandeau haut*/
	
	/*Menu*/

div.finmenu {
	width:165px;
	height:24px;
	margin-left:18px;
	float:left;
	background-image:url(../images/bas-menu.png);
	}
	
	/*Menu*/
	
	
	/*Sous Menu*/


	
div#bloc_gauche_header {
	width:172px;
	height:28px;
	}
div#sousheadersousmenu {
	width:172px;
	height:30px;
	border-width:1px;
	border-color:#5b5b5b;
	}
div#headersousmenu {
	width:175px;
	height:4px;
	}
div#headersousmenu-1 {
	width:5px;
	height:4px;
	background-image:url(../images/sousmenu-header-left.png);
	float:left;
	}
div#headersousmenu-2 {
	width:165px;
	height:4px;
	border-top:solid;
	border-width:1px;
	border-color:#5b5b5b;
	float:left;
	}
div#headersousmenu-3 {
	width:5px;
	height:4px;
	background-image:url(../images/sousmenu-header-right.png);
	float:left;
	}
div#footersousmenu {
	width:180px;
	height:4px;
	}
div#footersousmenu-1 {
	width:5px;
	height:4px;
	float:left;
	background-image:url(../images/sousmenu-footer-left.png);
	}
div#footersousmenu-2 {
	width:165px;
	height:4px;
	float:left;
	border-bottom:solid;
	border-color:#5b5b5b;
	border-width:1px;
	}
div#footersousmenu-3 {
	width:5px;
	height:4px;
	float:left;
	background-image:url(../images/sousmenu-footer-right.png);
	}
div#sousmenuconteneur {
	width:172px;
	height:auto;
	margin-left:-3px;
	margin-top:5px;
	border-color:#5b5b5b;
	border-width:1px;
	}
div#footersousmenu-1 {
	width:5px;
	height:4px;
	float:left;
	}
div#footersousmenu-2 {
	width:165px;
	height:4px;
	float:left;
	border-bottom:solid;
	border-color:#5b5b5b;
	border-width:1px;
	}
div#footersousmenu-3 {
	width:5px;
	height:4px;
	float:left;
	}
	/*Sous Menu*/	

	/* Banner */
	
div#banner {
	width:918px;
	height:244px;
	background-image:url(../images/banner.png);
	margin-left: auto;
    margin-right: auto;
	margin-top:-1px;
	}

div#bannerhaut {
	width:800px;
	height:84px;
	text-align:left;
	line-height: 84px;
    vertical-align: middle;
	margin-left: auto;
    margin-right: auto;
	}
div#bannermiddle {
	width:800px;
	height:25px;
	text-align:left;
	margin-left: auto;
    margin-right: auto;
	}
div#bannermiddle2 {
	width:550px;
	height:40px;
	text-align:right;
	line-height: 40px;
	vertical-align: middle;
	margin-left: auto;
    margin-right: 45px;
	}
div#bannerlearnmore {
	width:800px;
	height:35px;
	text-align:left;
	margin-left: auto;
    margin-right: auto;
	}
div#bannerlearnmorebutton {
	width:116px;
	height:28px;
	text-align:left;
	float:left;
	}
div#bannerbas {
	width:800px;
	height:50px;
	text-align:left;
	line-height: 60px;
	vertical-align: middle;
	margin-left: auto;
    margin-right: auto;
	}
    /* Banner */

	/* Banner video v5*/
	
div#banner-video-v5 {
	width:918px;
	height:348px;
	background-image:url(../images/banner-video-v5.png);
	margin-left: auto;
    margin-right: auto;
    margin-top:1px;
	}
div#banner-video-v5-left {
	width:400px;
	height:348px;
	float:left;
	margin-left:20px;
	}
div#banner-video-v5-right {
	width:495px;
	height:348px;
	float:left;
	}
div#video-v5 {
	width:398px;
	height:314px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	background-image:url(../images/video-v5.png);
	}
div#video-spacer{
	width:auto;;
	height:100px;

	}
div#play-video {
	width:148px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	cursor: pointer;
	}
div#play-video-02 {
	width:148px;
	height:50px;
	margin-left:auto;
	margin-right:auto;

	}
div#banner-spacer {
	height:30px;
	width:auto;
	}	
div#banner-video-title {

	width:420px;
	height:80px;
	text-align:left;
	}	
div#banner-video-subtitle {

	width:400px;
	height:130px;
	text-align:left;
	}
div#banner-video-button-free-download {
	margin-left:auto;
	margin-right:auto;
	width:213px;
	height:67px;

	}
	/* Banner video v5*/	
	
	
	
	/* Banner alternative */
	  
div.banneraltspacer {
	width:100%;
	height:4px;
	}
div#banneralthaut {
	width:100%;
	height:3px;
	background-color:#de1c18;
	}
div#banneraltbas {
	width:100%;
	height:25px;
	background-color:#9a9a9a;
	}
div#fildariane {
	width:860px;
	height:25px;
	line-height:23px;
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}	
	/* Banner alternative */
	
	
	
	
	/* tri banner*/

div#tribanner {
	width:918px;
	height:176px;
    margin-left: auto;
    margin-right: auto;
	cursor:pointer;
	}
div.tribanner1 {
	width:306px;
	height:166px;
	float:left;
	background-image:url(../images/tri-banner-01.png);
	position: relative;
	cursor:pointer;
	}	
div.tribannerconteneur {
	width:296px;
	height:136px;
	position: relative;
	float:left
	}
div.tribannercontenugauche {
	width:166px;
	height:136px;
	float:left;
	position: relative;
	}	
div.tribannercontenudroite {
	width:120px;
	height:136px;
	float:left;
	top:15%;
	position: relative;
	}
div.tribannercontenugauchebas {
	width:151px;
	height:94px;
	position: relative;
	margin-left:15px;
	}
div.tribannercontenugauchehaut {
	width:151px;
	height:52px;
	position: relative;
	margin-top:10%;
	text-align:left;
	margin-left:15px;
	}	
	
	/* tri banner */
	
	/* bloc_gradient */
	
div#bloc_gradient {
	width:914px;
	height:392px;
    margin-left: auto;
    margin-right: auto;
	}
div.bloc-gradient-spacer {
	width:236px;
	height:15px;
	display:table-cell;
	vertical-align: middle;
	line-height:20px;
	margin-left: auto;
    margin-right: auto;
	}	
div.bloc-gradient-spacer2 {
	width:236px;
	height:1px;
	background-color:#C8C8C8;
	}	
div.bloc_gradient1 {
	width:250px;
	height:392px;
    float:left;
	}
div#bloc_gradient2 {
	width:400px;
	height:392px;
    float:left;
	}	
div.bloc_gradient_img_left {
	width:6px;
	height:364px;
    float:left;
	background-image:url(../images/bloc_gradient_left.png)
	}
div.bloc_gradient_img_middle {
	width:238px;
	height:364px;
	float:left;
	background-image:url(../images/bloc_gradient_middle.png);
	}
div#bloc_gradient_img_middle_big {
	width:388px;
	height:364px;
	float:left;
	background-image:url(../images/bloc_gradient_middle.png);
	}
div.bloc_gradient_spacer {
	width:6px;
	height:364px;
    float:left;
	}
div.bloc_gradient_img_right {
	width:6px;
	height:364px;
    float:left;
	background-image:url(../images/bloc_gradient_right.png)
	}
div.bloc_gradient_header {
	width:250px;
	height:28px;
    margin-left: 1px;
    margin-right: auto;
	}
div#bloc_gradient_header_big {
	width:400px;
	height:28px;
    margin-left: 1px;
    margin-right: auto;
	}
div.bloc_gradient_header_left {
	width:4px;
	height:28px;
    background-image:url(../images/bloc_gauche_header_left.png);
	float:left;
	}
div#bloc_gradient_header_middle {
	width:240px;
	height:28px;
	background-image:url(../images/bloc_gauche_header_middle.png);
	float:left;
	line-height:28px;
	text-align:middle;
	}
div#bloc_gradient_header_middle2 {
	width:240px;
	height:28px;
	background-image:url(../images/bloc_gauche_header_middle.png);
	float:left;
	line-height:28px;
	text-align:middle;
	}

div#bloc_gradient_header_middle_big {
	width:390px;
	height:28px;
	background-image:url(../images/bloc_gauche_header_middle.png);
	float:left;
	line-height:28px;
	text-align:middle;
	}
div.bloc_gradient_header_right {
	width:4px;
	height:28px;
    background-image:url(../images/bloc_gauche_header_right.png);
	float:left;
	}
div.bloc_gradient_text {
	width:100%;
	height:auto;
	margin-top:10px;
	text-align:left;
	}
	/* bloc gradient*/
	
	/* pied de page*/
	
div#footer {
	width:900px;
	height:38px;
	margin-left: auto;
    margin-right: auto;
	}
div#footerhaut {
	width:900px;
	height:19px;
	}
div#footerhaut_gauche {
	width:640px;
	height:19px;
	float:left
	}
div#footerhaut_1 {
	width:60px;
	height:19px;
	float:left
	}
div#footerhaut_2 {
	width:50px;
	height:19px;
	float:left
	}
div#footerhaut_3 {
	width:70px;
	height:19px;
	float:left
	}
div#footerhaut_4 {
	width:80px;
	height:19px;
	float:left
	}
div#footertrait {
	width:900px;
	height:1px;
	background:#333333
	}	
div#footerbas {
	width:900px;
	height:19px;
	text-align:left;
	}
	
	/* pied de page*/
	
	/*Contenu*/
	
div.bloc-discover {
	width:670px;
	height:auto;
	text-align:left;
	border-top:solid;
	border-width:1px;
	border-color:#000000;	
	float:left;
	}
div.bloc-discover-left {
	width:150px;
	height:auto;
	text-align:center;
	float:left;
	}
div.bloc-discover-right {
	width:520px;
	height:auto;
	text-align:left;
	float:left;
	}
div#discovertrait {
	width:670px;
	height:1px;
	background:#333333
	}	
div#colonne {
	width:870px;
	height:auto;
	text-align:left;
	margin-left: auto;
    margin-right: auto;
	}
div#colonne-contenu {
	width:680px;
	text-align:left;
	float:left;
}
div#colonne-contenu ul li{
	color: #333333;
}

div#colonne-arbo {
	width:190px;
	text-align:left;
	float:left
	}
	
	/*Contenu*/
	
	/*Formulaire*/

div#conteneur_form {
	width:650px;
	//height:400px;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	border-color:#999999;
	background:#EAEAEA;
	border-style:solid;
	border-width:1px;
	}
div#conteneur_form2 {
	width:670px;
	height:auto;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	padding:5px;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	background-color:#EAEAEA;
	}
div.form {
	width:630px;
	margin-left: auto;
    margin-right: auto;
	height:25px;
	}
div.formgauche {
	width:180px;
	height:25px;
	text-align:right;
	float:left;
	font-size: 13px;
	color: #333333;
	line-height:20px;
	}
div.formspacer {
	width:5px;
	height:25px;
	float:left;
	}	
div.formdroite {
	width:400px;
	height:25px;
	text-align:left;
	float:left;
	}
div#bloc-gradient-3-conteneur {
	width:600px;
	height:417px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	}		
div#bloc-gradient-3_left {
	width:5px;
	height:417px;
    float:left;
	background-image:url(../images/bloc_gradient3_left.png);
	}
	
div.form2 {
	width:630px;
	margin-left: auto;
    margin-right: auto;
	height: 110px;
}
div.formdroite2 {
	width:400px;
	float:left;
	text-align:left;
}
div.formdroite2 textarea{
	width: 431px;
	height: 100px;
}
div.formdroite input[type=text]{
	width: 431px;
}
	
div#bloc-gradient-3_middle {
	width:590px;
	height:417px;
    float:left;
	background-image:url(../images/bloc_gradient3_middle.png);
	}
div#bloc-gradient-3_right {
	width:5px;
	height:417px;
    float:left;
	background-image:url(../images/bloc_gradient3_right.png);
	}
	/*Forumlaire*/

	/*Downloads*/
	
div#conteneur_downloads {
	width:670px;
	height:280px;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	}	


div#bloc-gradient-2-conteneur {
	width:600px;
	height:322px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	}
div#bloc-gradient-2_left {
	width:5px;
	height:322px;
    float:left;
	background-image:url(../images/bloc_gradient2_left.png);
	}
div#bloc-gradient-2_middle {
	width:590px;
	height:322px;
    float:left;
	background-image:url(../images/bloc_gradient2_middle.png);
	}
div#bloc-gradient-2_right {
	width:5px;
	height:322px;
    float:left;
	background-image:url(../images/bloc_gradient2_right.png);
	}
div#downloads-gauche {
	width:250px;
	height:300px;
	float:left;
	}
div#downloads-droite {
	width:420px;
	height:280px;
	float:left;
	background-color:#EAEAEA;
	}
div.downloads-droite2 {
	width:400px;
	height:260px;
	margin-top:10px;
	margin-left: auto;
    margin-right: auto;
	}
div.download-lines {
	width:250px;
	height:25px;
	line-height:25px;
	border-bottom:solid;
	border-color:#C7C7C7;
	border-width:1px;
	padding-left:5px;
	vertical-align:middle;
	text-align:left;
	}
	
div.download-lines:hover {
	width:250px;
	height:25px;
	line-height:25px;
	border-bottom:solid;
	border-color:#C7C7C7;
	border-width:1px;
	padding-left:5px;
	vertical-align:middle;
	text-align:left;
	background-color:#C8071D;
	}
div.download-lines:hover a {
	color:#FFFFFF;
}

div.download-lines-hover {
	width:250px;
	height:25px;
	border-bottom:solid;
	border-color:#EAEAEA;
	border-width:1px;
	text-align:left;
	background-color:#EAEAEA;
	line-height: 25px;
	vertical-align: middle;
	padding-left:5px;
	}
div.bouton_rouge {
	width:127px;
	height:28px;
	background-image:url(../images/download-button.png);
	line-height: 28px;
	vertical-align: middle;
	margin:auto;
	}
	
div.bouton_rouge a:link {
	color:#FFFFFF;
	text-decoration: none;
	font-weight:bold;
	}
div.bouton_rouge a:visited {
	color:#FFFFFF;
	text-decoration: none;
	font-weight:bold;
	}

p#bouton_rouge2 {
	margin:auto;
	width:180px;
	height:28px;
	background-image:url(../images/contact-button.png);
	line-height: 28px;
	vertical-align: middle;
	}
	
	/*Downloads*/
	
	/*Downloading*/
	
div#downloading {
	width:670px;
	height:90px;
	text-align:center;
	padding:5px;
	margin-left: auto;
    margin-right: auto;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	}
	
	/*Downloading*/

/*bloc gauche*/

div.bloc-gauche {
	width:171px;
	height:auto;
	}
div#bloc-gauche-downloads-spacer {
	width:171px;
	height:15px;
	float:left;
	}

div#bloc-gauche-up-left {
	width:8px;
	height:7px;
	background-image:url(../images/bloc-gauche-left-top.png);
	float:left;
	}
div#bloc-gauche-up-right {
	width:8px;
	height:7px;
	background-image:url(../images/bloc-gauche-right-top.png);
	float:left;
	}
div#bloc-gauche-top {
	width:155px;
	height:7px;
	background-image:url(../images/bloc-gauche-top.png);
	background-repeat:repeat-x;
	background-color:#eeeeee;
	float:left;
	}

div.bloc-gauche-bottom {
	width:155px;
	height:7px;
	background-image:url(../images/bloc-gauche-down.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#eeeeee;
	float:left;
	}
div.bloc-gauche-middle-conteneur {
	width:171px;
	height:auto;
	}

div.bloc-gauche-middle {
	width:171px;
	height:100%;
	float:left;
	background-image:url(../images/bloc-gauche-middle.png);
	}
div.bloc-gauche-middle-text {
	width:160px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	}

div.bloc-gauche-bottom-left {
	width:8px;
	height:7px;
	background-image:url(../images/bloc-gauche-left-bottom.png);
	float:left;
	}
div.bloc-gauche-bottom-right {
	width:8px;
	height:7px;
	background-image:url(../images/bloc-gauche-right-bottom.png);
	float:left;
	}	

li.bloc-gauche-spacer div{
	width:165px;
	height:2px;
	background-color:#FFFFFF;
	}

div#bloc_gauche_header_left {
	width:4px;
	height:28px;
    background-image:url(../images/bloc_gauche_header_left.png);
	float:left;
	}
div#bloc_gauche_header_middle {
	width:163px;
	height:28px;
	background-image:url(../images/bloc_gauche_header_middle.png);
	float:left;
	line-height:28px;
	text-align:middle;
	}
div#bloc_gauche_header_right {
	width:4px;
	height:28px;
    background-image:url(../images/bloc_gauche_header_right.png);
	float:left;
	}
div#bloc_gauche_spacer2 {
	width:40px;
	height:25px;
	}

/* Bloc gauche */

/*Page support*/
div.align-table {
	width:250px;
	height:25px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
/*Menu enfoncé sur Bonita Manifesto*/

.ombrage{
	box-shadow: 8px 8px 12px #aaa;
	-moz-box-shadow: 8px 8px 12px #aaa;  
    -webkit-box-shadow: 8px 8px 12px #aaa; 
}