/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
		background:#e3e3e3; text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Tahoma;
		font-size:0.688em;
		line-height:1.273em;
		color:#373d41;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#b00300;}
a:hover{text-decoration:none;}
p {padding-top:14px;}
.p {padding-top:0px;}
.pb {padding-bottom:23px;}
/* ============================= main layout ====================== */

.more {background:url(images/more_tall.gif) top repeat-x; float:right;}
.more .rig {background:url(images/more_right.gif) top right no-repeat;}
.more a {display:block; background:url(images/more_left.gif) top left no-repeat; text-decoration:none; font-size:0.818em; color:#0e181d !important; padding:2px 15px 2px 15px;} (bte rouge de en savoir plus)
.more a:hover {text-decoration:underline; color:#b00300 !important;}

h2 {font-size:1,5em; font-family:tahoma; font-weight:normal; color:#ffffff; line-height:1.2em; margin-bottom:3px;}
h2 span {font-size:1,5em; color:#fcdd7d; font-family:tahoma;  }
h3 {text-transform:uppercase; font-size:1.273em; line-height:1em; color:#0b0b0b; margin-bottom:16px;}
h4 {}
h5 {font-size:1.358em; line-height:1em; color:#0b0b0b; font-family:tahoma; font-weight:normal; margin-bottom:5px;}
h5 span {font-size:1.158em;}


.date {background:url(images/date_bg.gif) no-repeat 0 0; padding:4px 0 0 3px; font-size:0.818em; font-weight:bold;}
.date span {color:#b00300;}
.mini {font-size:0.818em;}

li a {color:#B6BDC3; line-height:2em;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent2 {margin:0 20px 12px 0; float:left;}

.taright {text-align:right;}

/* ============================= header ====================== */

#header .left {width:250px; padding:5px 0 23px 0;} (boîte du logo sol messager)
#header .right {padding-top:40px;}
#header a {font-size:0.909em; text-decoration:none; color:#980F16;}
#header a:hover {text-decoration:underline;}
#header .home {background:url(images/h.gif) no-repeat top left; padding:0 13px 0 21px;}
#header .search {background:url(images/s.gif) no-repeat top left; padding:0 15px 0 20px;}
#header .sitemap {background:url(images/m.gif) no-repeat top left; padding:0 12px 0 18px;}

#header .menu {padding:28px 0 40px 20px;}
#header li {background:url(images/menu_bg.gif) no-repeat 0 7px; padding-left:19px; height:15px;}
#header li a {text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:1.167em; line-height:1.571em; color:#0b0b0b; font-family:verdana;}
#header li a:hover {color:#ad0604; text-decoration:none;}
#header .slogan {margin:59px 0 64px 22px;}

/* ============================= middle ====================== */

#middle .column_left .margin {margin:19px 10px 21px 0;}
#middle .column_right .margin {margin:0px 0 0px 206px;}{margin:18px 0 0px 206px;}

.box {background: #FFFFFF url(images/box_tall.gif) bottom repeat-x;}
.box .r {background:url(images/box_tall.gif) right repeat-y;}
.box .l {background:url(images/box_tall.gif) left repeat-y;}
.box .t {background:url(images/box_tall.gif) top repeat-x;}
.box .tr {background:url(images/box_tr.gif) top right no-repeat;}
.box .tl {background:url(images/box_tl.gif) top left no-repeat;}
.box .br {background:url(images/box_br.gif) bottom right no-repeat;}
.box .bl {background:url(images/box_bl.gif) bottom left no-repeat; width:100%;}
.box .indent1 {padding:10px 8px 15px 24px;} (boite de navigation marketing et techno)
.box .indent2 {padding:10px 15px 0px 30px;}
.box .more .rig {background:url(images/more_r_box.gif) top right no-repeat;}
.box .more a {background:url(images/more_l_box.gif) top left no-repeat;}


.box2 {background:url(images/box2_br.gif) bottom right no-repeat #373d41; color:#FFFFFF; position:relative;}
.box2 .bl {background:url(images/box2_bl.gif) bottom left no-repeat;}
.box2 .tr {background:url(images/box2_tr.gif) top right no-repeat;}
.box2 .tl {background:url(images/box2_tl.gif) top left no-repeat; width:100%;}
.box2 .indent {padding:15px 15px 25px 18px;} (colonne noir)
.box2 a {color:#980F16;}
.box2 .more .rig {background:url(images/more_r_box2.gif) top right no-repeat;}
.box2 .more a {background:url(images/more_l_box2.gif) top left no-repeat;}
.box2 ul {margin:5px 0 6px 0;}

.box3 {background:url(images/box3_br.gif) bottom right no-repeat #c9cacb; margin-bottom:3px; position:relative;}
.box3 .bl {background:url(images/box3_bl.gif) bottom left no-repeat;}
.box3 .tr {background:url(images/box3_tr.gif) top right no-repeat;}
.box3 .tl {background:url(images/box3_tl.gif) top left no-repeat; width:100%;}
.box3 form {padding:10px 0 7px 10px;}
.box3 select {width:129px;}

.no_box {padding:35px 3px 0 1px;}
.title {background:url(images/title_tall.gif) top repeat-x;}
.title_l {background:url(images/title_l.gif) top left no-repeat;}
.title_r1 {background:url(images/title_r1.jpg) top right no-repeat; padding:16px 0px 16px 15px;}
.title_r2 {background:url(images/title_r2.jpg) top right no-repeat; padding:16px 0 16px 15px;}
.title_r3 {background:url(images/title_r3.jpg) top right no-repeat; padding:16px 0 16px 15px;}
.tt {background:url(images/t_tall.gif) top repeat-x;}
.t_l {background:url(images/t_l.gif) top left no-repeat;}
.t_r1 {background:url(images/t_r1.jpg) top right no-repeat; padding:16px 0px 16px 15px;}
.t_r2 {background:url(images/t_r2.jpg) top right no-repeat; padding:16px 0 16px 15px;}
.t_r3 {background:url(images/t_r3.jpg) top right no-repeat; padding:16px 0 16px 15px;}
.ttall_nj {background:url(images/t_tall_nj.gif) top repeat-x;}
.nj_l {background:url(images/nj_l.gif) top left no-repeat;}
.nj_r1 {background:url(images/nj_r1.jpg) top right no-repeat; padding:16px 0px 16px 15px;}
.ttall_at {background:url(images/ttall_at.gif) top repeat-x;}
.at_l {background:url(images/at_l.gif) top left no-repeat;}
.at_r1 {background:url(images/at_r1.jpg) top right no-repeat; padding:16px 0px 16px 15px;}

.box_indent {padding-top:10px;}
.special_indent {padding-right:5px;}
.col_indent {padding-right:39px;}

/* ============================= footer ====================== */

#footer .column_left .margin {border-top:0px solid #0b0b0b; padding:0px 0px 0px 16px; line-height:1em; color:#0b0b0b;}
#footer .column_right {line-height:1.55em;}
#footer a {color:#ac0200;}
#footer .taright {padding:0px 15px 0 0;}
#footer .menu {color:#de7000;}
#footer .menu a {color:#353535; text-decoration:none;}
#footer .menu a:hover {text-decoration:underline;}

/* ============================= index ============================= */

#index .no_box .more {margin-top:5px;}
#index .column_right .more{margin-top:0px;}
#index .box .indent2 {padding:15px 15px 15px 24px;} (grand portique)


/* ============================= index-1 =========================== */

#index_1 .no_box {padding:20px 3px 23px 21px;}
#index_1 .no_box .more {margin-top:17px;}
.column_right .more{margin-top:8px;}

/* ============================= index-3 =========================== */

#index_3 .box2 .more {margin-top:0px;}
#index_3 h3 {margin-bottom:22px;}


/* ============================= index-4 =========================== */

#index_4 .column_right .more {margin-left:4px;}
#index_4 .imgindent2 {margin:0 19px 21px 0; float:left;}
#index_4 .pb {padding-bottom:28px;}


/* ============================= index-6 =========================== */
#index_6 .no_box {padding:20px 3px 23px 21px;}
#index_6 .box .indent2{padding:27px 15px 25px 24px;}
#index_6 .box .more {margin-left:6px;}

form .rowi {height:48px;}
.input {width:246px; height:18px; border:1px solid #c9cacb; background:none; padding:0 0 0 0px; font-size:1em;}
textarea {width:246px; height:114px; border:1px solid #c9cacb; background:none; padding:0 0 0 0px; overflow:auto; font-size:1em;}

/* ============================= index-7 =========================== */
#index_7 .no_box {padding:20px 3px 23px 21px;}
#index_7 .no_box .more {margin-top:11px;}
#index_7 .box .indent2{padding:27px 15px 28px 24px;}