/* CSS Document */

body {
	background-color: #BBB5A1;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.1;
	
}

.pink {
	color: #D93085;
}

#troisbox #boxb a.gray, a.gray, .gray {
	color: #7E7E7E;
}

.strike {
	text-decoration: line-through;
}

.clear {
	clear: both;
}

/* placement des box */

#contenair {
	margin-left: auto;
	margin-right: auto;
	width: 984px;
}

#top {
	background: url(../img/bck_top.gif) no-repeat bottom;
	text-align: right;
	padding: 4px 16px 24px 0;
	font: bold 0.80em "Trebuchet MS", Arial, Verdana;
}

#top a {
	text-decoration: none;
	font-weight: bold;
	color: #5C5344;
}

#top a:hover {
	text-decoration: underline;
}


#banner {
	background: url(../img/bck_banner.gif) repeat-y top; 
	height: 61px;
	padding: 0 0 10px 0;
	margin: 0;
}

#banner.home {
	height: 61px;
	padding: 0 0 29px 0;
}


#banner.home h1 a, #banner h1 a {
	display: block;
	width: 357px;
	height: 61px;
	margin-left: 39px;
	background: url(../img/logo_redaction.jpg) no-repeat;
	float: left;
}

#banner.home h1 a span, #banner h1 a span {
	display: none;
}

#banner.home #contact, #banner #contact {
	float: right;
	padding: 8px 6px 0 0;
}

#menu {
	background: url(../img/bck_menu.jpg) repeat-y top;
	padding: 12px 0 6px 16px;
	overflow: hidden;
}

#menu a {
	display: block;
	float: left;
	padding-left: 10px;
	width: 230px;
	color: #fff;
	text-decoration: none;
	font: bold 1.1em "Trebuchet MS", Arial, Verdana;
	text-transform: uppercase;
}

#menu a:hover {
	text-decoration: underline;
}

#submenu {
	height: 14px;
	background: url(../img/bck_sub.gif) no-repeat;
	position: relative;
}

.formation #submenu div {
	background: url(../img/highlight_formation.gif) no-repeat;
	margin-left: 118px;
	height: 14px;
}

.seminaire #submenu div {
	background: url(../img/highlight_seminaire.gif) no-repeat;
	margin-left: 358px;
	height: 14px;
}

.audit #submenu div {
	background: url(../img/highlight_audit.gif) no-repeat;
	margin-left: 598px;
	height: 14px;
}

.maquettage #submenu div {
	background: url(../img/highlight_maquettage.gif) no-repeat;
	margin-left: 838px;
	height: 14px;
}

#content {
	background: url(../img/bck_content.gif) repeat-y;
	padding: 12px 17px 12px 26px;
	overflow: hidden;
}

#content h2  {
	font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}

#content h2 span {
	font-weight: normal;
	color: #000;
}

#content #contenttxt h3, #content div.boxphoto h3  {
	font: bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	color: #000;
}  

body#home #banner #intro p, #content p, #content #contenttxt p, #content #dossierleft p, #content #dossierright p  {
	font: 0.8em/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	color: #000;
}

#content #contenttxt li {
	font: 0.8em/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 10px;
}

#content #contenttxt li ul li {
	font: 1em/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#content #contenttxt ul {
	list-style-type: disc;
	padding-left: 30px;
}

#content #contenttxt ol {
	list-style: decimal;
	padding-left: 30px;
}

#content #contenttxt {
	float: left;
	width: 580px;
	margin: 17px 0 0 0;
}

#content #contentmore {
	margin: 17px 0 0 606px;
	background: #fff url(../img/bck_more.gif) repeat-y;
	padding: 0 0 30px 20px;
}

#content #dossierleft {
	float: left;
	width: 458px;
	margin: 0;
	padding-bottom: 30px;
}

#content #dossierright {
	margin: 0 0 0 485px;
	padding: 0;
	padding-bottom: 30px;
}

#content div.boxphoto {
	text-align: center;
	padding-top: 10px;
}

#content div.boxphoto img {
	padding: 3px;
	border: 1px solid #999999;
	background-color: #fff;
}

#content #dossierleft div.boxphoto p, #content #dossierright div.boxphoto p   {
	font: 0.7em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
}

#content #dossierleft div.intro , #content #dossierright div.intro   {
	background: url(../img/bck_intro_bottom.gif) no-repeat left bottom;
	padding-bottom: 15px;
}

#content #dossierleft div.intro p , #content #dossierright div.intro p  {
	background: url(../img/bck_intro_top.gif) no-repeat left top;
	padding: 18px 15px 0 15px;
	
}

.formation #content #contentmore {
	background: #fff url(../img/bck_more_formation.gif) repeat-y;
}

.seminaire #content #contentmore {
	background: #fff url(../img/bck_more_seminaire.gif) repeat-y;
}

.audit #content #contentmore {
	background: #fff url(../img/bck_more_audit.gif) repeat-y;
}

.maquettage #content #contentmore {
	background: #fff url(../img/bck_more_maquette.gif) repeat-y;
}

#content #contentmore a {
	color: #000;
}

#content #contentmore div.hr {
	height: 28px;
	background: url(../img/back_hr.png) no-repeat right;

}
#content #contentmore div.hr hr {
  display: none;
}


#content #contentmore h3 {
	display: block;
	font: bold 0.9em/1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(../img/bck_h3_b.gif) repeat-x bottom left;
	margin-right: 20px;
	padding-bottom: 16px;
	padding-top: 20px;
}

.formation #content #contentmore h3 , .seminaire #content #contentmore h3 , .audit #content #contentmore h3 , .maquettage #content #contentmore h3 {
	background: url(../img/bck_h3.gif) repeat-x bottom left;
}

#content #contentmore p {
	font: 0.70em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	margin-right: 20px;
}

#content #contentmore ul {
	font: 0.70em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	list-style-type: disc;
	margin-left: 18px;
	margin-right: 20px;
}

#content #contentmore ol {
	font: 0.70em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	margin-left: 18px;
	margin-right: 20px;
	list-style-type: decimal;
}

#content #contentmore ol li {
	padding-bottom: 10px;
}


#contactdevi {
	width: 479px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
}

#contactdevi #contactdevitop {
	background: url(../img/bck_boxdevi_top.gif) no-repeat 0 40px;
	padding-top: 20px;
}

#contactdevi #contactdevitop div {
	background: url(../img/bgk_jmh_top.gif) no-repeat bottom left;
	padding: 42px 10px 10px 189px;
	margin:  0;
	font: bold 1.1em/1em "Trebuchet MS", Arial, Verdana;
}

#contactdevi #contactdevibottom {
	background: url(../img/bck_boxdevi_bottom.gif) no-repeat bottom;
	padding: 0 0 0 0;
	margin: 0;
}

#contactdevi #contactdevibottom div {
	background: url(../img/bck_jmh_bottom.gif) no-repeat top left;
	padding: 10px 10px 30px 189px;
	margin: 0;
	overflow: auto;
}

#contactdevi #contactdevibottom div ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#contactdevi #contactdevibottom div ul li {
	padding: 0 0 0 23px;
	margin: 0;
	color: #515151;
}

#contactdevi #contactdevibottom div ul li.phone {
	background: url(../img/picto_phone.gif) no-repeat 0 3px;
	
}

#contactdevi #contactdevibottom div ul li.mail {
	background: url(../img/picto_mail.gif) no-repeat 0 3px;
}

#contactdevi #contactdevibottom div ul li.mail a {
	color: #515151;
	text-decoration: none;
}

#contactdevi #contactdevibottom div ul li.mail a:hover {
	text-decoration: underline;
}

#footer {
	background: url(../img/bck_footer.gif);
	background-repeat: no-repeat;
	padding: 20px 0;
	text-align: center;
	font: 0.8em/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#footer a {
	color: #000;
}

#boxtemoignage {
	background: White url(../img/box_tm_top.gif) no-repeat;
	width: 279px;
	margin-top: 11px;
	padding: 15px 7px 11px 7px;
	font: italic 0.70em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navboxtemoignage {
	background: url(../img/box_tm_bottom.gif) no-repeat;
	width: 279px;
	text-align: right;
	padding: 10px 7px 0 7px;
}

#infolivre {
	background: url(../img/illu_livre.jpg) no-repeat;
	padding: 20px 0 14px 120px;
	margin-top: 10px;
}

.illuleft  {
	overflow: auto;
	margin-top: 20px;
}

.illuleft div  {
	float: right;
	width: 340px;
}

.illuleft img {
	float: left;
}

#contactlivre {
	width: 479px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
}

#contactlivre #contactlivretop {
	background: url(../img/bck_boxdevi_top.gif) no-repeat 0 40px;
	padding-top: 20px;
}

#contactlivre #contactlivretop div {
	background: url(../img/bgk_livre_top.jpg) no-repeat bottom left;
	padding: 42px 10px 10px 179px;
	margin:  0 0 0 10px;
	font: bold 1.1em/1em "Trebuchet MS", Arial, Verdana;
}

#contactlivre #contactlivrebottom {
	background: url(../img/bck_boxdevi_bottom.gif) no-repeat bottom;
	padding: 0 0 0 0;
	margin: 0;
}

#contactlivre #contactlivrebottom div {
	background: url(../img/bck_livre_bottom.jpg) no-repeat top left;
	padding: 10px 10px 30px 179px;
	margin:  0 0 0 10px;
	overflow: auto;
}

#contactlivre #contactlivrebottom div ul {
	padding: 0 0 0 23px;
	margin: 0;
}

#contactlivre #contactlivrebottom div ul li {
	padding: 0;
	margin: 0;
	color: #515151;
}

#contactlivre #contactlivrebottom div ul li a {
	text-decoration: none;
	color: #515151;
}

#contactlivre #contactlivrebottom div ul li a:hover {
	text-decoration: underline;
}


#coordonnees {
	width: 479px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 45px;
}

#coordonnees #coordonneesbottom p {
	margin: 0;
	padding: 0;
}

#coordonnees #coordonneestop {
	background: url(../img/bck_boxdevi_top.gif) no-repeat;
	padding: 15px 0 10px 25px;
	margin:  0;
	font: bold 1.1em/1em "Trebuchet MS", Arial, Verdana;
}

#coordonnees #coordonneesbottom {
	background: url(../img/bck_boxdevi_bottom.gif) no-repeat bottom;
	padding: 9px 0 25px 0;
	margin: 0;
	overflow: auto;
	font: bold 0.9em/1em "Trebuchet MS", Arial, Verdana;
	color: #515151;
}

#coordonnees #coordonneesbottom  #coordonneesright {
	margin-left: 220px;
	padding: 0 0 0 8px;
}

#coordonnees #coordonneesbottom  #coordonneesleft {
	width: 190px;
	float: left;
	background: url(../img/ligne_v.gif) repeat-y right;
	padding: 0 0 0 25px;
}

#coordonnees #coordonneesbottom #coordonneesleft ul {
	padding: 15px 0 0 0;
	margin: 0;
	list-style-type: none;
}

#coordonnees #coordonneesbottom #coordonneesleft ul li {
	padding: 0 0 0 23px;
	margin: 0;
}

#coordonnees #coordonneesbottom #coordonneesleft ul li.phone {
	background: url(../img/picto_phone.gif) no-repeat 0 3px;
	
}

#coordonnees #coordonneesbottom #coordonneesleft ul li.mail {
	background: url(../img/picto_mail.gif) no-repeat 0 3px;
}

#coordonnees #coordonneesbottom #coordonneesleft ul li.mail a {
	color: #515151;
	text-decoration: none;
}

#coordonnees #coordonneesbottom #coordonneesleft ul li.mail a:hover {
	text-decoration: underline;
}

/* homepage */

body#home #top {
	background: url(../img/bck_home_top.jpg) no-repeat bottom;
	text-align: right;
	padding: 4px 16px 24px 0;
	font: bold 0.80em "Trebuchet MS", Arial, Verdana;
}

body#home #banner {
	background: url(../img/bck_home_banner.jpg) no-repeat top; 
	overflow: hidden;
	position: relative;
}

body#home #banner h1 {
	display: block;
	overflow: auto;
}

body#home #banner #intro {
	color: #515151;
	padding: 15px 420px 20px 40px;
}

body#home #banner #contact {
	color: #5C5344;
	font-weight: bold;
	padding: 4px 35px 4px 0;
	font-size: 0.75em;
	line-height: 1.2em;
	position: absolute;
	top: 42px;
	right: 0px;
}

#contenhome {
	background-color: #fff;
	padding-top: 11px;
	margin: 0 6px;
	
}

#menuhome {
	padding-left: 6px;
	background: url(../img/bck_menulink.jpg) no-repeat bottom;
	overflow: hidden;
}

.boxhomemenu {
	width: 240px;
	float: left;
}

.boxhomemenu .bckform {
	background: url(../img/bck_menuhome_form.jpg) no-repeat;
	height: 132px;
	padding-top: 12px;
}

.boxhomemenu .bcksem {
	background: url(../img/bck_menuhome_atelier.jpg) no-repeat;
	height: 132px;
	padding-top: 12px;
}

.boxhomemenu .bckaudit {
	background: url(../img/bck_menuhome_edito.jpg) no-repeat;
	height: 132px;
	padding-top: 12px;
}

.boxhomemenu .bckmaq {
	background: url(../img/bck_menuhome_redac.jpg) no-repeat;
	height: 132px;
	padding-top: 12px;
}

.boxhomemenu  h2  {
	margin: 0 5px 0 4px;
	padding: 2px 0 2px 7px;
	font: bold 1.1em "Trebuchet MS", Arial, Verdana;
	color: #fff;
	overflow: auto;
	text-transform: uppercase;
}

.boxhomemenu .bckform h2  {
	background-image: url(../img/alpha_form.png);
}

.boxhomemenu .bcksem h2  {
	background-image: url(../img/alpha_sem.png);
}

.boxhomemenu .bckaudit h2  {
	background-image: url(../img/alpha_audit.png);
}

.boxhomemenu .bckmaq h2  {
	background-image: url(../img/alpha_maq.png);
}

.boxhomemenu a {
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	padding: 0 10px 30px 15px;
	color: #fff;
	font-weight: normal;
}

.boxhomemenu a:hover {
	text-decoration: underline;
}

.homeseparator {
	background: url(../img/homeseparator.gif) repeat-y center;
	height: 22px;
	margin: 12px 0 0 0;
}

#troisbox {
	background: url(../img/bck_troisbox.gif) repeat-y;
	overflow: hidden;
	margin-top: 10px;
}

#troisbox #boxa, #troisbox #boxb, #troisbox #boxc {
	width: 292px;
	float: left;
	padding: 0 17px 0 15px;
}

#troisbox #boxc {
	padding: 0;
	margin: 0 0 0 8px;
	background: url(../img/img_redaction.jpg) no-repeat;
	width: 310px;
}

#troisbox #boxc h3 {
	padding: 25px 0 40px 8px;
	margin: 0;
	font: bold 1.3em/1em "Trebuchet MS", Arial, Verdana;
	display: block;
	color: #141008;
	letter-spacing: -0.3px;
}

#troisbox #boxc p a {
	text-align: right;
	display: block;
	background: url(../img/fleche.gif) no-repeat 100% 50%;
	padding: 10px 30px 10px 0;
	margin-right: 10px;
}

#troisbox #boxa h3, #troisbox #boxb h3 {
	background: url(../img/lignev_troisbox.gif) repeat-x left bottom;
	padding: 10px 0;
	font-size: 0.85em;
	margin-bottom: 12px;
}

#troisbox #boxa a, #troisbox #boxb a, #troisbox #boxc a {
	color: #202017;
}

#troisbox #boxa ul li, #troisbox #boxb ul li, #troisbox #boxc p {
	font-size: 0.8em;
	padding-bottom: 8px;
}

#deuxbox #boxhomenewsletter p {
	font-size: 0.8em;
	padding: 8px 0;
	color: #515151;
}

#troisbox #boxb ul li {
	background: url(../img/picto_blog.gif) no-repeat ;
	padding-left: 20px;
}

#troisbox #boxb ul li.more {
	background: none;
	text-align: right;
	padding-top: 5px;
}

#troisbox #boxa ul strong {
	background-color: #DCD8CC;
}

#deuxbox {
	overflow: hidden;
}

#deuxbox #boxhomenewsletter {
	width: 436px;
	float: left;
	background: url(../img/bck_newsletter.gif) no-repeat;
	margin: 16px 0 0 0;
	padding: 30px 25px;
} 

#deuxbox #boxhomeblog {
	width: 311px;
	padding: 0 25px 0 150px;
	float: left;
	background: url(../img/bck_boxhomeblog.jpg) no-repeat 10px bottom;
	min-height: 160px;
}

#deuxbox #boxhomeblog h3 {
	background: url(../img/lignev_troisbox.gif) repeat-x left bottom;
	padding: 20px 0 12px 0;
	font-size: 0.85em;
	margin-bottom: 6px;
	font: bold 1.2em/1em "Trebuchet MS", Arial, Verdana;
}

#deuxbox #boxhomeblog h3 a {
	text-decoration: none;
	color: #000;
	display: block;
}

#deuxbox #boxhomeblog h3#blog {
	background: url(../img/signature.jpg) no-repeat right bottom;
	padding: 0 0 60px 0;
	font-size: 0.85em;
	margin-bottom: 8px;
	font: bold 1.2em/1em "Trebuchet MS", Arial, Verdana;
}

#deuxbox #boxhomeblog h3#blog a {
	text-decoration: none;
	color: #3C3C3C;
	font-size: 0.80em;
	font-weight: normal;
}

#deuxbox #boxhomenewsletter h3 {
	font-size: 0.80em;
	margin-bottom: 8px;
	font: bold 1.2em/1em "Trebuchet MS", Arial, Verdana;
}

#deuxbox #boxhomenewsletter input.email {
	width: 285px;
}

#deuxbox #boxhomenewsletter a {
	color: #515151;
}

#content #contenttxt.large {
	float: left;
	width: 900px;
	margin: 17px 0 0 0;
}

#content #contenttxt.large p.zoom, #content #contenttxt.large span.zoom {
	font: bold 1.1em "Trebuchet MS", Arial, Verdana;
	color: #EA7A16;
}

#content #contenttxt.large td.h4 {
	font: bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#content #contenttxt.large table td {
	vertical-align: top;
}

#troiscoll {
	padding-bottom: 30px;
	overflow: auto;
	_height: 1%;
}

#troiscoll div {
	width: 178px;
	float: left;
	padding-right: 15px;
}

#content #contenttxt #troiscoll div ul {
	padding: 0;
	margin: 0 0 0 17px;
}

/* test iframe formulaire google */

iframe {
	width: 550px;
	height: 480px;
	background-color: #EEF7A5;
}

#formGoogle {
	padding: 10px;
	margin: 30px 0 0 0;
	border: 2px solid #C9C7C2;
}

/* style ancien site */

.sous-titre2 {
	display: block;
	font: bold 0.9em/1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(../img/bck_h3_b.gif) repeat-x bottom left;
	margin-right: 20px;
	padding-bottom: 16px;
	padding-top: 40px;
}

#archive {
	position: absolute;
	height: 110px;
	width: 415px;
	background: url(../img/archive.png);
	top: 0;
	right: 6px;
}

#content #contenttxt .box {
	padding: 0 10px 10px 10px;
	background-color: #FFD752;
	border: 1px solid #968E7B;
	margin-top: 20px;
}

img.bord {
	border: 1px solid #000;
}

#homeressource td {
	vertical-align: top;
	padding: 4px 4px 8px 4px;
}
#homeressource td img {
	margin-top: 15px;
	border: 1px solid #000;
}

.titre2 {
	margin-right:20px;
	padding-bottom:16px;
	padding-top:40px;
	display: block;
	background:transparent url(../img/bck_h3_b.gif) repeat-x scroll left bottom;
}

h3 span.titre2 {
	margin-right:20px;
	padding-bottom:16px;
	padding-top:40px;
	display: block;
	background:transparent url(../img/bck_h3_b.gif) repeat-x scroll left bottom;
}

.texte_intro {
	padding-bottom: 30px;
	color: #5C5344;
}

#content #contenttxt p.titre3 {
	font-weight: bold;
}

#content #contenttxt hr {
height: 4px;
margin: 20px 0;
padding: 0;
border: 0;
background-image: url(../img/bck_h3_b.gif);
}

/*div.btform {
	background: url(../img/bt_form_top.jpg) no-repeat left top;
	width: 257px;
	padding: 13px 0 0 0;
	margin: 0 0 0 270px;
	border: 0;
}

div.btform a {
	display: block;
	background: url(../img/bt_form_bottom.jpg) no-repeat left bottom;
	width: 227px;
	padding: 5px 15px 20px 15px;
	text-decoration: none;
	color: #fff;
	font-size: 0.9em;
	border: 0;
	margin: 0 0 0 1px;
}

div.btform a:hover {
	text-decoration: underline;
	
}

div.btform a span {
	text-decoration: underline;
	line-height: 2em;
	font-size: 0.85em;
}*/

div.btform {
	background: url(../img/bt_form.jpg) no-repeat left top;
	width: 275px;
	height: 82px;
	padding: 0;
	margin: 20px 0;
	border: 0;
	text-align: left;
}

#content #contentmore div.btform {
	background: url(../img/bt_form2.jpg) no-repeat left top;
}

div.btform a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding:16px 0 0 16px;
	font: bold 1em/0.9em "Trebuchet MS", Arial, Verdana;
}

#content #contentmore div.btform a {
	display: block;
	text-decoration: none;
	padding:16px 0 0 16px;
	font: bold 1em/0.9em "Trebuchet MS", Arial, Verdana;
}

#content #contentmore div.btform a:hover, div.btform a:hover {
	text-decoration: underline;
	
}

div.btform span {
	font: bold 0.8em/1em "Trebuchet MS", Arial, Verdana;
	
}

div.bigBox {
	background: url(../img/box_large_top.gif) no-repeat left top;
	width: 578px;
	padding: 11px 0 0 0;
	margin: 20px 0 0 0;
	border: 0;
}

div.bigBox div {
	background: url(../img/box_large_bottom.gif) no-repeat left bottom;
	width: 578px;
	padding: 2px 0 25px 0;
	margin: 0;
	border: 0;
}

#content #contenttxt div.bigBox div ul {
	padding-left: 40px;
}

#content #contenttxt div.bigBox div ul li {
	line-height: 0.9em;
}

/* style formulaire reservation */

table#reservationForm {
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}

table#reservationForm td {
	border-collapse: collapse;
	border: 1px solid #C9C7C2;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 4px 20px 4px 5px;
	background-color: #E7DFC3;
}

table#reservationForm tr.colorA td {
	background-color: #AEA094;
}

table#reservationForm tr.colorB td {
	background-color: #DB4802;
}

#formation_sujet {
	color: #DB4802;
}