/* CSS Document */
body{
	padding:0;
	margin:0 auto 0 auto;
	background:url(images/bg.gif) repeat-x #FFFFFF;
	color:#A5A5A4;
	margin-top: 0px;
	}
  div.c2 {margin-left: 2em}
 div.c1 {text-align: left}
/*]]>*/
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.blank{
	font-size:0px; clear:both; line-height:0px;
	}
/*--------------------------------header---------------------------*/
#header1{
	width:778px;
	margin:0 auto 0 auto;
	height:283px;
	}

#header1 intro{
	margin:0px 0 0 0px;
	width:778px;
	height:250px;
	display:block;
	}
#header1 ul {
width : 750px;
margin : 0 0 0 0;
display : block;
height : 21px;
}
#header1 ul li {
display : block;
float : left;
height : 21px;
margin : 0;
padding : 0;
}
#header1 ul li a {
font : bold 12px/21px "Trebuchet MS", Verdana, tahoma, Arial, Helvetica, sans-serif;
padding : 0 14px 0 14px;
color : #eaeaea;
background-color : #242424;
text-decoration : none;
margin : 0;
height : 21px;
}
#header1 ul li a:hover {
color : #ffffff;
background-color : #0867c3;
}
/*----------------------------------body part----------------*/
#mainBody1{
	width:778px;
	margin:0px auto 0 auto;
	}
/*----------------------------------titres----------------*/
	
	#containertitre {
	;
	margin: auto;
	width: 565px;
	height: 100%;
	padding-top: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-image: url(../../images/bgbleu.jpg);
	background-repeat: repeat;
	}

h1 {
	background: #e3e3e3;
	background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#c8c8c8));
	padding: 10px;
	margin-left: -20px;
	margin-top: 0;
	position: relative;
	width: 50%;
	-moz-box-shadow: 1px 1px 3px #292929;
	-webkit-box-shadow: 1px 1px 3px #292929;
	color: #454545;
	text-shadow: 0 1px 0 white;
	font-size: 17px;
}

.arrow2 {
	 width: 0; height: 0;
	 line-height: 0;
	 border-left: 20px solid transparent;
	 border-top: 10px solid #c8c8c8;
	 top: 104%;
	 left: 0;
	 position: absolute;
}

	/*-------------twitter------*/
#tweet{
	background-color: #282727;
}
#tweet h1 h2 h3 h4 h5 h6 h7 h8 p{
	color:#FFFFFF;
	width:170px;
	height:48px;
	display:block;
	margin:0px 0 0 0px;
	font: bold 18px/19px Verdana,Tahoma, Arial, Helvetica, sans-serif;
	padding: 5px 0 5px 30px;
	background-color: #282828;
	}
	
/*-------------DROITE------*/
#infos{
	width:200px;
	color:#B6B6B5;
	background:url(images/left_side_up.gif) no-repeat 0 0 #282727;
	padding:0px 0px 0px 0px;
	float:right;
	margin-bottom: 0px;
	}



#infos h2{
	color:#FFFFFF;
	width:170px;
	height:48px;
	display:block;
	margin:0px 0 0 0px;
	font: bold 18px/19px Verdana,Tahoma, Arial, Helvetica, sans-serif;
	padding: 5px 0 5px 30px;
	background-image: url(images/fleche2.jpg);
	background-color: #282828;
	}
#infos h7{
	background: url(images/fleche.gif)no-repeat 0 0 #282727;
	color:#FFFFFF;
	width:160px;
	height:40px;
	display:block;
	margin:0px 0 0 0px;
	font: bold 20px/22px Verdana,Tahoma, Arial, Helvetica, sans-serif;
	padding: 10px 0 5px 10px;
	background-image: url(images/fleche.gif);
	}
#infos h7 a:hover{
	background:#FFFFFF;
	color:#B6B6B5;
	}
#infos h6{
	color:#fff;
	width:170px;
	height:40px;
	display:block;
	margin:0px 0 0 0px;
	font: bold 20px/22px Verdana,Tahoma, Arial, Helvetica, sans-serif;
	padding: 15px 0 0 30px;
	background-image: url(http://www.dugrainademoudre.net/CSS/images/fleche2.jpg);
	background-repeat: no-repeat;
	}
#infos h6 a {
	color:#FFFFFF;
	font:bold 20px/22px Verdana,Tahoma, Arial, Helvetica, sans-serif;
	}	
#infos h6 a:hover{
	color:#FF0F04;
	font:bold 20px/22px Verdana,Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
#infos h20 a {
	color:#FFFFFF;
	font:bold 16px/18px Verdana,Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}	
#infos h20 a:hover{
	color:#FF0F04;
	font:bold 16px/18px Verdana,Tahoma, Arial, Helvetica, sans-serif;
	}
#infos ul{
	width:150px;
	display:block;
	margin:10px 0 14px 0px;
	font-size:0;
	text-align: left;
	font-family: Verdana, Helvetica, sans-serif;
	margin-left: 10px;
	padding-left: 20px;
	}
#infos ul li{
	background:url(images/left_side_arrow.gif) no-repeat 0 9px; padding: 0 0 0 11px; display:block; height:24px;
	}
#infos ul li a{
	font:12px/24px Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#282727;
	display:block;
	}
#infos ul li a:hover{
	background-color:#CC0000;
	color:#FFFFFF;
	text-decoration: none;
	}
#infos h5{
	color:#fff;
	width:160px;
	height:25px;
	display:block;
	margin:10px 10px 20px 10px;
	padding: 10px 0 0 0px;
	background-color:#282727;
	font: normal 20px/22px Verdana, Helvetica, sans-serif;
	}

#infos .Style22 {font-size: 10px; font-style: italic; }
#infos .Style11 {
	font-size: 15px;
	color: #FFFFFF;
}
/*------------------------------GAUCHE------*/
#rightPan1{
	width:570px;
	margin:0 0 0 0px;
	float:left;
	}
#splash {
	height: 350px;
	width:550px;
	clear:both;
}

#rightPan1 titrerondhaut{
	font:24px/22px BlairMdITC TT-Medium, Tahoma, Arial, Helvetica, sans-serif;
	color:#333333;
	display:block;
	margin:20px 0px 0px 0px;
	height:27px;
	background-image: url(images/rondhautgris.jpg);
	background-repeat: no-repeat;
	}
#rightPan1 titrerondbas{
	font:24px/22px BlairMdITC TT-Medium, Tahoma, Arial, Helvetica, sans-serif;
	color:#333333;
	display:block;
	margin:0px 0px 0px 22px;
	height:27px;
	background-image: url(images/rondbasgris.jpg);
	background-repeat: no-repeat;
	width: 522px;
	}


/*-------------------------------footer---------*/
#footerMain{
	background:url(images/footer_bg.gif) repeat-x 0 0; width:100%;
	}	
#footergrand{
	background:url(images/footer.gif) no-repeat 0 0;
	height:97px;
	width:778px;
	margin:0 auto 0 auto;
	padding:74px 0 0 0;
	background-image: url(../../../CSS/images/footer.gif);
	background-repeat: no-repeat;
	}
#footergrand menu{
	width:778px;
	display:block;
	margin:0px 0 0 0px;
	padding:0 0 0 0px;
	font-size:0;
	height:20px;
	}



#footergrand p{
	width:350px;
	display:block;
	font:11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#EAEAEA;
	margin:0px 0 0 0px;
	padding:0 0 9px 0;
	}

#footergrand p.copy{
	width:120px;
	display:block;
	font:11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0;
	padding:0;
	float:right;
	display:block;
	padding-top: 10px;
	padding-right: 5px;
	}
#footergrand p.copy a{
	text-decoration:none;
	color:#666666;
	}
#footergrand p.copy a:hover{
	text-decoration:none;
	background-color: #0066FF;
	color: #FFFFFF;
	}


/* Basic stuff
----------------------------------------------------------------------------------------------------*/

html {
	/*margin-left:-1px;
	overflow-y:scroll;*/
	}



h2 {font-size: 23px;}
h3 {font-size: 21px;}
h4 {font-size: 19px;}
h5 {font-size: 17px;line-height: 1;}
h6 {
	font-size: 15px;}

a {color:#444;}
a:hover {color:#39c;}

.textLink {color:#39c;}
.textLink:hover {color:#1e2229;}

.lineHor {
	border-bottom:#c0c0c0 1px dashed;
	margin-top:25px;
	margin-bottom:25px;
	}

.alignleft {
	float:right;
	margin:20px 0 0 15px;
	}

/* List
----------------------------------------------------------------------------------------------------*/

div#list {
	margin-top:15px;
	margin-bottom:15px;
	}

.listStyle ul li {
	list-style:disc inside;
	color:#39c;
	line-height:25px;
	text-decoration:none;
	}

.listStyle ul li a {
	color:#1e2229;
	text-decoration:none;
	}
	
.listStyle ul li a:hover {
	text-decoration:none;
	color:#1e2229;
	}


/* jqueryslidemenu
----------------------------------------------------------------------------------------------------*/

/*.jqueryslidemenu ul li a {border-right:#250313 1px solid;}*/


/* Header
----------------------------------------------------------------------------------------------------*/

#header-wrap {
	background:transparent url(../../images/skin1/topnavBG.png) center -5px no-repeat;
	padding-bottom:1px;
	margin-top: 10px;
	}

#header {}
	
#topnav {
	padding-top:0px;
	padding-left:10px;
	margin-top:13px;
	margin-bottom:5px;
	height:40px;
	}
	
#topnav ul li {display:inline-block;}

#topnav ul li .current {
	color:#39c;
	background:transparent url(../../images/skin1/topnavBG.png) -100px -76px no-repeat;
	}

#topnav ul li .currentHome {
	width:10px;
	margin-left:1px;
	text-indent:-9999px;
	background:transparent url(../../images/skin1/topnavBG.png) -10px -76px no-repeat;
	}

.home {
	width:30px;
	margin-left:-5px;
	text-indent:-9999px;
	}

a.home:hover {
	width:30px;
	text-indent:-9999px;
	background:transparent url(../../images/skin1/topnavBG.png) -10px -76px no-repeat;
	}

#topnav ul li .navEffect {
	width:110px;
	margin-left:1px;
	}

#topnav ul li .navEffect:hover {
	width:110px;
	margin-left:1px;
	background:transparent url(../../images/skin1/topnavBG.png) -100px -76px no-repeat;
	}


#logo {
	margin-top:20px;
	background:transparent;
	text-indent:-9999px;
	width:220px;
	height:40px;
	display:block;
	margin-bottom: 20px;
	}

#siteSearch, #siteSearchForm {
	float:right;
	margin-top:3px;
	margin-right:7px;
	}

	#searchImput {
	background:transparent;
	border:none;
	width:170px;
	margin-top:1px;
	padding:3px 0 7px 5px;
	font-size:11px;
	color:#888;
		}

#searchSubmit {
	border:none;
	height:20px;
	width:28px;
	cursor:pointer;
	background:transparent;
	margin-right:10px;
	outline:0;
	}
	

/* Featured
----------------------------------------------------------------------------------------------------*/

#featured-wrap {
	height:450px;
	background:transparent url(../../images/skin1/sliderBG.png) center -10px no-repeat;
	}
	
#featured {
	margin-top:20px;
	position:relative;	/* !IMPORTANT for slider */
	}


/* Services
----------------------------------------------------------------------------------------------------*/

#services-wrap {background:transparent url(../../images/skin1/contentBGhome_center.png) center 30px repeat-y;}
#services {padding-bottom:10px;}
	
#servicesTop {
	height:30px;
	background:transparent url(../../images/skin1/contentBGhome_top.png) center top no-repeat;
	}

#box1, #box2, #box3 {
	margin:5px 0 20px 25px;
	color:#ddd;
	font-size:11px;
	}
	
#box.right {margin-right:0;}

#box1 h5, #box2 h5, #box3 h5 {
	margin-top:0;
	padding-bottom:10px;
	border-bottom:#1e2229 1px solid;
	}

#box1 p, #box2 p, #box3 p {
	margin-top:10px;
	margin-bottom:10px;
	}

#box2 a, #box3 a {color:#39c;}
#box1 a:hover, #box2 a:hover, #box3 a:hover {color:#fff;}

/* Get in Touch */
.getInTouch {line-height:15px;}

#box1 .getInTouch p, #box2 .getInTouch p, #box3 .getInTouch p {margin-top:5px;}
	
#box1 .socialIcons, #box2 .socialIcons, #box3 .socialIcons {
	margin:20px 0 5px 0;
	border-top:#1e2229 1px solid;
	/*border-bottom:#1e2229 1px solid;*/
	padding-top:20px;
	padding-bottom:15px;
	}

#box2 a.category, #box2 a.comments {background:#39c;color:#fff;}
#box2 a.category:hover, #box2 a.comments:hover {background:#fff;color:#1e2229;padding:2px 4px 2px 4px;}

#comments a {
	margin-top:-30px;
	margin-left:-7px;
	position:absolute;
	width:auto;
	font-size:13px;
	display:block;
	}

#box3 .socialIcons ul li {display:inline-block;}
#box3 .socialIcons ul li a {
	display:inline-block;
	padding:0 8px 5px 0;
	}

.goForm {
	background:transparent url(../../images/skin1/right.png) 11px 10px no-repeat;
	padding-left:50px;
	padding-top:10px;
	}

.getInTouch ul li.phoneContact, .getInTouch ul li.emailContact, .getInTouch ul li.addressContact, .getInTouch ul li.skypeContact {
	padding-left:50px;
	padding-top:10px;
	margin-bottom:10px;
	}
	
.getInTouch ul li.phoneContact {background:transparent url(../../images/skin1/phone.png) 6px 10px no-repeat;}
.getInTouch ul li.emailContact {background:transparent url(../../images/skin1/email.png) 3px 10px no-repeat;}
.getInTouch ul li.skypeContact {background:transparent url(../../images/skin1/skype.png) 3px 11px no-repeat;}
.getInTouch ul li.addressContact {background:transparent url(../../images/skin1/home.png) 3px 10px no-repeat;}


/* Get in Touch Right Column */
.getInTouch.right {
	margin-top:10px;
	padding:5px 20px 5px 20px;
	}
	
.getInTouch p {margin-bottom:10px;}
.getInTouch.right h6 {color:#444;}
	
.getInTouch.right ul li.phoneContact {background:transparent url(../../images/skin1/phone_gray.png) 3px 10px no-repeat;}
.getInTouch.right ul li.emailContact {background:transparent url(../../images/skin1/email_gray.png) 0 10px no-repeat;}
.getInTouch.right ul li.skypeContact {background:transparent url(../../images/skin1/skype_gray.png) 0 11px no-repeat;}
.getInTouch.right ul li.addressContact {background:transparent url(../../images/skin1/home_gray.png) 0 10px no-repeat;}


/* Page Content Left
----------------------------------------------------------------------------------------------------*/

#content-wrap {background:transparent url(../../images/skin1/contentBGcenter.png) center 30px repeat-y;}

#contentfilms {padding-bottom:20px;}
#contentfilms h1, h2, h3, h4, h5, h6 {margin-top:10px;margin-bottom:10px;}
	
#contentTop {
	height:30px;
	background:transparent url(../../images/skin1/contentBGtop.png) center no-repeat;
	}

#contentLeft {
	margin-left:30px;
	margin-right:20px;
	}

#contentLeft p {
	margin-top:10px;
	margin-bottom:10px;
	color: #666;
	}

#contentLeft .path, #contentPortfolio .path {
	font-size:11px;
	padding-bottom:10px;
	margin-bottom:15px;
	color:#888;
	border-bottom:#ddd 1px solid;
	}

#contentLeft .path a, #contentPortfolio .path a {
	color:#888;
	text-decoration:none;
	}

#contentLeft .path a:hover, #contentPortfolio .path a:hover {
	color:#444;
	text-decoration:none;
	}


/* Sidebar Right
----------------------------------------------------------------------------------------------------*/

#contentRight {
	margin-top:10px;
	padding-bottom:20px;
	background:#fff;
	border:#ddd 1px solid;
	color:#999;
	font-size:11px;
	width:290px;

	/* CSS3 Rounded Corners */
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
		
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
		
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
		
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	}
		
.rightContent {padding:15px 20px 20px 20px;}

.rightContent h5 {
	margin:5px 0 5px 0;
	color:#444;
	}

.imgRight {padding:10px 10px 5px 15px;}

.socialRight ul li {display:inline-block;}
.socialRight ul li a {padding:0;}

.socialRight {
	margin:20px 15px 10px 20px;
	padding:20px 20px 15px 20px;
	border:#e8e8e8 1px solid;
	background:#f9f9f9;
	display:block;
	}
	
#contentRight .social {padding:0;}


/*  Sub Navigation - sidebar contentRight
----------------------------------------------------------------------------------------------------*/

#subNavigation {
	margin:20px 20px 25px 20px;
	font-size:12px;
	padding-top:30px;
	border-top:1px solid #ddd;
	}

#subNavigation h5 {
	margin:0;
	padding:0 0 10px 0;
	color:#444;
	border-bottom:1px solid #ddd;
	}
		
#subNavigation ul {
	color:#39c;
	margin:0;
	border:none;
	line-height:35px;
	}

#subNavigation li {
	border-bottom:1px solid #ddd;
	margin:0;
	}

#subNavigation li a {
	display:block;
	padding-left:10px;
	text-decoration:none;
	background:transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/skin1/subNav.png) top no-repeat;
	}	

#subNavigation li a:hover {
	color:#fff;
	background:#39c;
	font-weight:bold;
	background:transparent url(../../images/skin1/subNav.png) bottom no-repeat;
	}


/* Portfolio
----------------------------------------------------------------------------------------------------*/

/* .path class with #contentLeft  */
#contentPortfolio {
	margin-left:20px;
	width:520px;
	font-size:11px;
	}
	
#boxPortfolio1, #boxPortfolio2, #boxPortfolio3, #boxPortfolio4, #boxPortfolio5, #boxPortfolio6,
#boxPortfolio7, #boxPortfolio8, #boxPortfolio9 {
	margin:10px 10px 20px 10px;
	}
#boxPortfolio1.right, #boxPortfolio2.right, #boxPortfolio3.right, #boxPortfolio4.right, #boxPortfolio5.right,
#boxPortfolio6.right, #boxPortfolio7.right, #boxPortfolio8.right, #boxPortfolio9.right {margin-right:0;}

#boxPortfolio1 p, #boxPortfolio2 p, #boxPortfolio3 p, #boxPortfolio4 p, #boxPortfolio5 p, #boxPortfolio6 p, #boxPortfolio7 p, #boxPortfolio8 p, #boxPortfolio9 p {
	margin-top:0;
	margin-bottom:10px;
	}
	
#boxPortfolio1 h5, #boxPortfolio2 h5, #boxPortfolio3 h5, #boxPortfolio4 h5, #boxPortfolio5 h5, #boxPortfolio6 h5, #boxPortfolio7 h5, #boxPortfolio8 h5, #boxPortfolio9 h5 {
	margin-top:5px;
	padding-bottom:0;
	}

.project_hoverPhoto, .project_hoverVideo {
	background:url(../../images/skin1/spacer.gif) repeat scroll 0 0 transparent;
	display:block;
	height:131px;
	position:absolute;
	width:237px;
	z-index:5;
	}

.project_hoverPhoto:hover {background:transparent url(../../images/skin1/overPhoto.png) scroll 0 0 no-repeat;}
.project_hoverVideo:hover {background:transparent url(../../images/skin1/overVideo.png) scroll 0 0 no-repeat;}


/*--- prettyPhoto ---*/
.currentTextHolder {
	font-size:11px;
	font-weight:bold;
	color:#101319;
	}


/* Pagination
----------------------------------------------------------------------------------------------------*/

#pagination {
	width:480px;
	margin:30px 0 0 30px;
	z-index:3;
	font-size:11px;
	padding-top:10px;
	border-top:#ddd 1px solid;
	}

#pagination span, #pagination a {
	display:block;
	float:left;
	line-height:12px;	/* modify heigh of span container (background) */
	margin:2px 2px 2px 0;
	padding:3px 6px;
	text-decoration:none;
	width:auto;
	height:auto;
	}

#pagination a:hover {
	background:#39c;
	color:#fff;
	}

#pagination .current {
	color:#fff;
	padding:3px 6px;
	background:#101319;
	}


/* Blog
----------------------------------------------------------------------------------------------------*/

.entryHead, .tags {
	margin-top:10px;
	margin-bottom:12px;
	font-size:11px;
	}

.category, .comments {
	cursor:pointer;
	padding:2px 4px 2px 4px;
	margin:0 4px 0 4px;
	}
	
a.category, a.comments {
	background:#39c;
	color:#fff;
	}
	
a.category:hover, a.comments:hover {
	background:#1e2229;
	padding:2px 4px 2px 4px;
	}
.lien {
	cursor:pointer;
	color: #CCC;
	}
	
a.lien {
	color:#CCC;
	}
	
a.lien:hover {
	background:#1e2229;
	}

.date {}

.tags {
	margin-top:30px;
	margin-bottom:20px;
	font-size:11px;
	padding-left:30px;
	height:20px;
	background:transparent url(../../images/skin1/tag.png) no-repeat;
	}

.tag {
	color:#888;
	cursor:pointer;
	margin:0 4px 0 4px;
	}

a.tag {text-decoration:underline;}

a.tag:hover {
	text-decoration:underline;
	margin:0 4px 0 4px;
	}

.share {
	float:right;
	color:#888;
	cursor:pointer;
	margin:0 4px 0 4px;
	padding:0 6px 0 6px;
	border:#c0c0c0 1px solid;
	background:#fff;
	}
	
a.share:hover {color:#444;}	/*6faf0b*/

.facebook {background:transparent url(../../images/skin1/social.png) top left no-repeat;}
a.facebook:hover {background:transparent url(../../images/skin1/social.png) bottom left no-repeat;}
.twitter {background:transparent url(../../images/skin1/social.png) top right no-repeat;}
a.twitter:hover {background:transparent url(../../images/skin1/social.png) bottom right no-repeat;}

.facebook, .twitter {
	text-indent:-9999px;
	border:none;
	margin-top:1px;
	height:16px;
	width:14px;	/* not 16px because of padding 1px left and 1px right*/
	padding:0 1px 0 1px;
	}

#authorComment1, #authorComment2, #authorComment3 {
	padding-top:25px;
	padding-bottom:25px;
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
	}

#commentText1, #commentText2, #commentText3 {
	margin:0;
	padding-left:90px;
	color:#888;
	}
	
#gravatar1, #gravatar2, #gravatar3 {
	width:60px;
	font-size:11px;
	text-align:center;
	color:#888;
	}

#gravatar1 img, #gravatar2 img, #gravatar3 img {
	border:#ddd 1px solid;
	padding:4px;
	}

.replyHead {
	color:#888;
	font-size:11px;
	}

.author, .reply {
	margin:0 4px 0 4px;
	font-weight:bold;
	cursor:pointer;
	color:#444;
	}

a.author:hover, a.reply:hover {color:#888;}

#quote1, #quote2, #quote3 {padding:10px 0 0 88px;}

.quote {
	color:#39c;
	font-size:11px;
	cursor:pointer;
	padding:2px 6px 2px 6px;
	border:#c0c0c0 1px solid;
	}
	
.quote:hover {
	color:#fff;
	background:#39c;
	border:#39c 1px solid;
	}
		
.quoteText {
	padding:10px 15px 10px 15px;
	margin-bottom:15px;
	background:#fbfbfb;
	border:#ebebeb 1px solid;
	font-style:italic;
	color:#999;
	font-size:11px;
	}
	

/* Form style
----------------------------------------------------------------------------------------------------*/

#respond, #contactForm {margin:10px 0 20px 0;}

.leftSpace {
	font-size:11px;
	margin-left:10px;
	}

.n {margin-left:0;}
	
.text_input, .text_area {
	border:1px solid #c0c0c0;
	padding:4px;
	margin-top:10px;
	font-family: 'Lucida Grande', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size:12px;
	background:#f1f1f1;	/*fefbef*/
	color:#444;
	width:250px;
	}

.text_area {margin-top:10px;width:480px;}

input:focus, textarea:focus {background:#fff;}	/*fdf6dc*/

#submit {
	border:#111 1px solid;
	background:#1e2229;
	color:#fff;
	font-weight:bold;
	width:120px;
	height:30px;
	margin-top:10px;
	font-size:12px;
	padding-bottom:2px;
	outline:0;
	}

#submit:hover {
	border:1px solid #39c;
	background:#39c;
	cursor:pointer;
	outline:0;
	}

.error.required {border:1px solid #c30;}

/* Footer
----------------------------------------------------------------------------------------------------*/

#footer-wrap {
	height:45px;
	background:transparent url(../../images/skin1/contentBGfooter.png) center no-repeat;
	}
	
#footer {}


/* Bottom
----------------------------------------------------------------------------------------------------*/

#bottom-wrap {
	height:50px;
	background:transparent url(../../images/skin1/bottomBG.png) center no-repeat;
	margin-bottom:20px;
	}

#bottom {
	padding-top:18px;
	font-size:11px;
	color:#888;
	}

#bottom p {
	margin-left:15px;
	display:inline;
	}

#bottom p a {color:#888;}
	
#bottom p a:hover {
	text-decoration:underline;
	color:#ccc;
	}

#bottom ul li p a {text-decoration:underline;}
#bottom ul li p a:hover {color:#ddd;}

#bottom ul {
	float:right;
	margin-right:10px;
	}

#bottom ul li {
	display:inline-block;
	padding-right:7px;
	padding-left:5px;
	border-right:#333 1px solid;
	}

#bottom ul li a {
	text-decoration:none;
	font-size:11px;
	color:#888;
	}
	
#bottom ul li a:hover {text-decoration:underline;}
	
#bottom ul li.top {
	border-right:none;
	margin-right:5px;
	margin-left:-5px;
	}
	
	
/* Coda Slider
----------------------------------------------------------------------------------------------------*/

.coda-nav ul li a {
	background:transparent url("../../images/skin1/slider-off.png") no-repeat scroll left top;
	text-indent:-9999px;
	display:block;
	float:left;
	margin-right:10px;
	height:23px;
	width:25px;
	left:-50%;
	}

.coda-nav ul li a.current {background:transparent url("../../images/skin1/slider-on.png") no-repeat scroll left top;}
.coda-nav ul li a.current:hover {background:transparent url("../../images/skin1/slider-on.png") no-repeat scroll left top;cursor:default;}
.coda-nav ul li a:hover {background:transparent url("../../images/skin1/slider-ov.png") no-repeat scroll left top;}

.title {display:none;}

.linkButton {
	text-indent:-9999px;
	background:transparent url(../../images/skin1/sliderButton.png) top center no-repeat;
	height:50px;
	width:170px;
	position:absolute;
	margin-top:250px;
	margin-left:80px;
	}

.linkButton:hover {background:transparent url(../../images/skin1/sliderButton.png) bottom center no-repeat;}

.panel-wrapper p {
	height:40px;
	width:430px;
	position:absolute;
	margin-top:180px;
	margin-left:60px;
	color:#fff;
	}

.panel-wrapper h3 {
	height:40px;
	width:350px;
	position:absolute;
	margin-top:150px;
	margin-left:60px;
	color:#fff;
	}

.panel-wrapper a {color:#fff;}
.panel-wrapper a:hover {color:#fff;text-decoration:none;}


.container_introtexte{
	margin-left:auto;
	margin-right:auto;
	width:500px
}
.container_12,.container_16{
	margin-left:auto;
	margin-right:auto;
	width:550px
}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}
.container_12 .grid_3,.container_16 .grid_4{width:220px}
.container_12 .grid_6,.container_16 .grid_8{width:460px}
.container_12 .grid_9,.container_16 .grid_12{width:540px}
.container_12 .grid_12,.container_16 .grid_16{width:540px}
.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}
.container_12 .grid_2{width:140px}
.container_12 .grid_4{width:300px}
.container_12 .grid_5{width:250px}
.container_12 .grid_7{width:540px}
.container_12 .grid_8{width:540px}
.container_12 .grid_10{width:540px}
.container_12 .grid_11{width:540px}
.container_16 .grid_1{width:40px}
.container_16 .grid_2{width:100px}
.container_16 .grid_3{width:160px}
.container_16 .grid_5{width:238px}
.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}
.container_16 .grid_10{
	width:500px
}.container_16 .grid_11{width:540px}.container_16 .grid_13{width:540px}
.container_16 .grid_14{width:540px}.container_16 .grid_15{width:540px}
.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}
.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}
.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}
.container_12 .prefix_1{padding-left:80px}
.container_12 .prefix_2{padding-left:160px}
.container_12 .prefix_4{padding-left:320px}
.container_12 .prefix_5{padding-left:400px}
.container_12 .prefix_7{padding-left:560px}
.container_12 .prefix_8{padding-left:540px}
.container_12 .prefix_10{padding-left:540px}
.container_12 .prefix_11{padding-left:540px}
.container_16 .prefix_1{padding-left:60px}
.container_16 .prefix_2{padding-left:120px}
.container_16 .prefix_3{padding-left:180px}
.container_16 .prefix_5{padding-left:300px}
.container_16 .prefix_6{padding-left:360px}
.container_16 .prefix_7{padding-left:420px}
.container_16 .prefix_9{padding-left:540px}
.container_16 .prefix_10{padding-left:540px}
.container_16 .prefix_11{padding-left:660px}
.container_16 .prefix_13{padding-left:540px}
.container_16 .prefix_14{padding-left:840px}
.container_16 .prefix_15{padding-left:900px}
.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}
.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}
.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}
.container_12 .suffix_1{padding-right:80px}
.container_12 .suffix_2{padding-right:160px}
.container_12 .suffix_4{padding-right:320px}
.container_12 .suffix_5{padding-right:400px}
.container_12 .suffix_7{padding-right:560px}
.container_12 .suffix_8{padding-right:540px}
.container_12 .suffix_10{padding-right:800px}
.container_12 .suffix_11{padding-right:880px}
.container_16 .suffix_1{padding-right:60px}
.container_16 .suffix_2{padding-right:120px}
.container_16 .suffix_3{padding-right:180px}
.container_16 .suffix_5{padding-right:300px}
.container_16 .suffix_6{padding-right:360px}
.container_16 .suffix_7{padding-right:420px}
.container_16 .suffix_9{padding-right:540px}
.container_16 .suffix_10{padding-right:540px}
.container_16 .suffix_11{padding-right:660px}
.container_16 .suffix_13{padding-right:780px}
.container_16 .suffix_14{padding-right:840px}
.container_16 .suffix_15{padding-right:900px}
.container_12 .push_3,.container_16 .push_4{left:240px}
.container_12 .push_6,.container_16 .push_8{left:480px}
.container_12 .push_9,.container_16 .push_12{left:720px}
.container_12 .push_1{left:80px}
.container_12 .push_2{left:160px}
.container_12 .push_4{left:320px}
.container_12 .push_5{left:400px}
.container_12 .push_7{left:560px}
.container_12 .push_8{left:640px}
.container_12 .push_10{left:800px}
.container_12 .push_11{left:880px}
.container_16 .push_1{left:60px}
.container_16 .push_2{left:120px}
.container_16 .push_3{left:180px}
.container_16 .push_5{left:300px}
.container_16 .push_6{left:360px}
.container_16 .push_7{left:420px}
.container_16 .push_9{left:540px}
.container_16 .push_10{left:600px}
.container_16 .push_11{left:660px}
.container_16 .push_13{left:780px}
.container_16 .push_14{left:840px}
.container_16 .push_15{left:900px}
.container_12 .pull_3,.container_16 .pull_4{left:-240px}
.container_12 .pull_6,.container_16 .pull_8{left:-480px}
.container_12 .pull_9,.container_16 .pull_12{left:-720px}
.container_12 .pull_1{left:-80px}
.container_12 .pull_2{left:-160px}
.container_12 .pull_4{left:-320px}
.container_12 .pull_5{left:-400px}
.container_12 .pull_7{left:-560px}
.container_12 .pull_8{left:-640px}
.container_12 .pull_10{left:-800px}
.container_12 .pull_11{left:-880px}
.container_16 .pull_1{left:-60px}
.container_16 .pull_2{left:-120px}
.container_16 .pull_3{left:-180px}
.container_16 .pull_5{left:-300px}
.container_16 .pull_6{left:-360px}
.container_16 .pull_7{left:-420px}
.container_16 .pull_9{left:-540px}
.container_16 .pull_10{left:-600px}
.container_16 .pull_11{left:-660px}
.container_16 .pull_13{left:-780px}
.container_16 .pull_14{left:-840px}
.container_16 .pull_15{left:-900px}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {
	position:relative;
	zoom:1;
	z-index:10;
}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}
 .qmmc2 li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc2 div a, .qmmc2 ul a, .qmmc2 ul li {float:none;}.qmsh div a {float:left;}.qmmc2 div{visibility:hidden;position:absolute;}.qmmc2 .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc2 .qmcbox a{display:inline;}.qmmc2 .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc2 li {z-index:auto;}.qmmc2 ul {left:-10000px;position:absolute;z-index:10;}.qmmc2, .qmmc2 ul {list-style:none;padding:0px;margin:0px;}.qmmc2 li a {
	float:none;
	font-size: 13px;
	padding-left: 5px;
	padding-right: 5px;
	color: #666;
	font-family: Tahoma, Geneva, sans-serif;
}
.qmmc2 li a:hover {
	float:none;
	font-size: 13px;
	padding-left: 5px;
	padding-right: 5px;
	color: #000;
	font-family: Tahoma, Geneva, sans-serif;
}.qmmc2 li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:3px 3px 1px 5px;
		color:#555555;
		font-family:Verdana;
		font-size:12px;
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:7px;
		margin:-2px 0px 0px 0px;
		background-color:transparent;
		border-style:none;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 5px 3px 5px;
		font-size:12px;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#CC0000;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#CC0000;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		color:#CC0000;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#444444;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px 4px 0px;
		border-color:#BFBFBF;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px 2px;
		border-color:#AAAAAA;
	}


	/*"""""""" Box Animation Styles""""""""*/	
	#qm0 .qmbox	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#999999;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#DADADA;
		background-color:#F7F7F7;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" Main Hover Fill Items [Static]""""""""*/	
	#qm0 .qmhoverfill	
	{	
		background-color:#F51302;
	}


	/*"""""""" Main Hover Fill Items [Parent]""""""""*/	
	#qm0 .qmhoverfill.qmhparent	
	{	
		background-color:#FB1717;
	}


	/*"""""""" Sub Hover Fill Items [Static]""""""""*/	
	#qm0 div .qmhoverfill	
	{	
		background-color:#91E599;
		border-width:1px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a	
	{	
		background-color:#F7F7F7;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		padding:10px;
		margin:-2px 0px 0px 0px;
		background-color:#F7F7F7;
		border-width:1px;
		border-style:solid;
		border-color:#DADADA;
	}