@import url(reset.css);

*
{
	font-family:verdana;
}

body
{
	background:#FFF;
	font-family:Verdana;
	font-size:16px;
}

h1,h2,h3,h4,h5,h6
{
	color:gray;
	text-decoration:none;
}

h1,h2,h3
{
	margin:20px 0 10px;
}

h1 {
	margin-bottom: 20px;
}

h4,h5,h6
{
	margin:10px 0;
}

h1
{
	font-size:2em;
}

h2
{
	font-size:1.6em;
}

h3
{
	font-size:1.2em;
}

h4
{
	font-size:1.2em;
}

p
{
	line-height:1.1em;
	margin:10px 0;
}

a
{
	font-weight:700;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

em
{
	font-style:italic;
}

code
{
	font-family:"Lucida Console", Courier, monospace;
}

blockquote
{
	border-left:2px solid #733D17;
	margin:10px;
	padding-left:10px;
}

ul
{
	list-style:disc inside;
	margin-left:10px;
}

pre
{
	margin:10px 0;
	padding:0;
}

dd
{
	display:list-item;
	list-style:circle inside;
	margin-bottom:10px;
}

div.message
{
	color:#900;
	font-size:1.2em;
	margin:1em 0;
}

div.error-message
{
	color:#900;
	font-weight:700;
}

p.error
{
	background-color:#e32;
	color:#fff;
	font-family:Courier, monospace;
	font-size:1.2em;
	line-height:1.2em;
	margin:1em 0;
	padding:.8em;
}

p.error em
{
	color:#000;
	font-weight:400;
	line-height:1.4em;
}

.notice
{
	background:#fc0;
	color:#000;
	display:block;
	font-family:Courier, monospace;
	font-size:1.2em;
	line-height:1.4em;
	margin:1em 0;
	padding:.8em;
}

.success
{
	background:green;
	color:#fff;
}

.paging
{
	margin:1em 0;
}

.actions
{
	border-top:1px solid #331E09;
	line-height:1.2em;
	margin:15px auto 10px;
	padding-top:10px;
}

table
{
	border:1px solid #331E09;
	border-collapse:collapse;
	margin:20px auto;
	width:98%;
}

table th
{
	background:#733D17;
	border:1px solid #331E09;
	color:#D9C271;
	font-size:1.1em;
	font-variant:small-caps;
	padding:10px;
}

table th a
{
	color:#D9C271;
}

.input
{
	clear:left;
	line-height:2em;
	margin-bottom:5px;
	min-height:2em;
}

.input input,.input select,.input textarea
{
	border:1px solid;
	font-size:1.1em;
	padding:5px 10px;
	width:300px;
}

.input input:focus,.input select:focus,.input textarea:focus
{
	padding:4px 9px;
}

.input label
{
	clear:left;
	display:block;
	float:left;
	width:120px;
}

.input label:after,.radio legend:after
{
	content:":";
}

.checkbox label:after,.radio label:after
{
	content:"";
}

.checkbox label,.radio label
{
	clear:right;
	float:left;
	margin:0 20px 0 2px;
	width:auto;
}

.radio fieldset
{
	display:block;
	overflow:hidden;
}

.submit input
{
	background:#F15A25;
	border:none;
	color:#FFF;
	cursor:pointer;
	font-size:1em;
	font-variant:small-caps;
	letter-spacing:1px;
	margin:10px 0;
	padding:0 30px;
}

.ckeditor table tr:hover
{
	background:inherit;
}

#container
{
	margin:0 auto;
}

.header
{
	color:#D9C271;
	height:178px;
	overflow:hidden;
	padding:0 30px;
	text-align:center;
}

.bandeau
{
	height:5px;
	margin:0 auto;
	width:920px;
}

#head_anchor
{
	height:113px;
	margin:0 auto;
	padding-top:25px;
	position:relative;
	width:920px;
}

#occitech_logo
{
	background-image:url(../img/sprite.png);
	background-position:-10px -10px;
	float:left;
	height:86px;
	margin-left:25px;
	width:227px;
}

.bread_row
{
	height:40px;
	position:relative;
	top:-5px;
}

.header #title a
{
	color:#D9C271;
	display:block;
	font-size:1.8em;
	font-variant:small-caps;
	letter-spacing:2px;
	margin:0 auto 20px;
	padding:10px 30px;
	width:80%;
}

.header #title a:hover
{
	background:#542E08;
	text-decoration:none;
}

.header #nav
{
	float:left;
	height:95px;
	list-style:none;
	margin:0 0 0 50px;
	overflow:hidden;
}

.header #nav li
{
	float:left;
	height:61px;
	width:100px;
}

#nav #Accueil
{
	background-image:url(../img/sprite.png);
	background-position:0 -177px;
}

#nav #Agence
{
	background-image:url(../img/sprite.png);
	background-position:0 -319px;
}

#nav #Prestations
{
	background-image:url(../img/sprite.png);
	background-position:0 -461px;
}

#nav #Solutions
{
	background-image:url(../img/sprite.png);
	background-position:0 -603px;
}

#nav #References
{
	background-image:url(../img/sprite.png);
	background-position:0 -745px;
}

#nav #Contact
{
	background-image:url(../img/sprite.png);
	background-position:0 -887px;
}

#nav #Accueil.active
{
	background-image:url(../img/sprite.png);
	background-position:0 -116px;
}

#nav #Agence.active
{
	background-image:url(../img/sprite.png);
	background-position:0 -258px;
}

#nav #Prestations.active
{
	background-image:url(../img/sprite.png);
	background-position:0 -400px;
}

#nav #Solutions.active
{
	background-image:url(../img/sprite.png);
	background-position:0 -542px;
}

#nav #References.active
{
	background-image:url(../img/sprite.png);
	background-position:0 -684px;
}

#nav #Contact.active
{
	background-image:url(../img/sprite.png);
	background-position:0 -826px;
}

.header #nav li a,.header #nav li span
{
	color:gray;
	display:block;
	font-size:16px;
	font-weight:400;
	height:100%;
	padding-top:65px;
}

#nav li a:hover,#nav li.active a
{
	border-bottom:0;
	color:#FFF;
	text-decoration:none;
}

.header .languages
{
	display:none;
	float:right;
	list-style:none;
	overflow:hidden;
}

.header .languages li
{
	float:left;
	height:1.5em;
	line-height:1.5em;
	margin-left:10px;
	opacity:0.6;
}

#menu_footer
{
	background:#e5e3d7;
	height:50px;
	padding-top:5px;
}

#content_menu_footer
{
	background:#d6d5cc;
	height:35px;
	padding-top:15px;
}

#interieur_footer
{
	margin:0 auto;
	width:860px;
}

#content_menu_footer #interieur_footer a
{
	color:#828284;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
}

#content_menu_footer #interieur_footer a:hover
{
	color:#000;
	text-decoration:none;
}

#content_menu_footer #interieur_footer li
{
	background: url(../img/sprite.png);
	background-position: -10px -1193px;
	float:left;
	list-style:none;
	margin-right:25px;
	padding-left:20px;
}

#synchro_link
{
	background: url(../img/logo_synchrodossier.png) no-repeat left center;
	line-height:2em;
	margin-left:75px;
	padding:10px 30px;
	position:relative;
	top:-18px;
}

#calque_nuage_footer
{
	position:relative;
	width:100%;
}

#encart_footer
{
	background:#FFF;
	font-size:12px;
	letter-spacing:1px;
	margin:0 auto;
	padding:10px 30px;
	position:relative;
	width:860px;
}

#encart_footer a
{
	color:#000;
	font-weight:700;
}

#encart_footer #mailto
{
	color:#515153;
	font-weight:400;
}

#encart_footer li
{
	float:left;
	list-style:none;
	width:120px;
}

#encart_footer #facebook a,#encart_footer #mediatom a
{
	color:#515153;
	display:block;
	font-weight:400;
	height:30px;
	line-height:2.2em;
}

#encart_footer #facebook a
{
	background-image:url(../img/sprite.png);
	background-position:-10px -1276.5px;
	padding-left:35px;
}

#encart_footer #mediatom a
{
	background-image:url(../img/sprite.png);
	background-position:-10px -1327.5px;
	padding-left:35px;
}

#fb_graph
{
	border:0;
	height:60px;
	position:absolute;
	right:10px;
	width:330px;
}

#encart_footer #footer_coords
{
	font-size:10px;
	line-height:12px;
	padding-top:5px;
	width:535px;
}

.footer
{
	clear:both;
	height:15px;
}

#footer a
{
	letter-spacing:0;
}

#wrap
{
	margin:auto;
	max-width:1680px;
	position:relative;
}

#wrap .nuages
{
	bottom:0;
	filter:alpha(opacity=30);
	height:100%;
	opacity:0.30;
	position:absolute;
	width:388px;
	z-index:-2;
}

#nuage_left
{
	background:#0C2B7B url(../img/nuages.jpg) no-repeat left bottom;
	left:0;
}

#nuage_right
{
	background:#0C2B7B url(../img/nuages2.jpg) no-repeat right bottom;
	right:0;
}

#actu_logo
{
	background:url(../img/actu_vertical.png) no-repeat;
	height:216px;
	left:-18px;
	position:relative;
	top:260px;
	width:40px;
}

#content
{
	background:#FFF;
	font-size:12px;
	height:100%;
	line-height:1.2em;
	margin:0 auto;
	min-height:520px;
	overflow:hidden;
	position:relative;
	width:920px;
	z-index:10;
}

#content ul li
{
	margin:5px 0;
}

#content ul#leftList
{
	background:#D9C271;
	border:1px solid #733D17;
	float:left;
	list-style:none;
	width:200px;
}

ul#leftList li
{
	height:1.7em;
	line-height:1.7em;
	margin:2px 1px;
}

ul#leftList li a
{
	background:#733D17;
	color:#D9C271;
	display:block;
	text-align:center;
}

ul#leftList li a:hover
{
	background:#542E08;
	color:#DED2A6;
	text-decoration:none;
}

ul#leftList li.highlighted a
{
	background:#331E09;
}

#formPlaceholder
{
	margin-left:230px;
}

.one_column
{
	height:100%;
	margin-left:220px;
	min-height:520px;
	padding:0 20px 20px 0;
	position:relative;
	width:680px;
}

.column_left
{
	background:#f7f7f7;
	float:left;
	height:100%;
	min-height:520px;
	padding:0 5px 0 20px;
	position:relative;
	width:525px;
}

.column_left .bloc-info
{
	background:url(../img/bloc-info.png) no-repeat;
	color:#C68989;
	float:right;
	font-size:18px;
	font-weight:700;
	height:151px;
	line-height:20px;
	margin:25px 15px 0 15px;
	padding:55px 15px 10px 10px;
	text-align:center;
	width:206px;
}

.column_left .column_bottom
{
	background:#FFF;
	left:0;
	margin-left:-20px;
	min-height:200px;
	overflow:hidden;
	padding-left:10px;
	width:540px;
}

.column_left .column_bottom #news table
{
	margin:0;
}

.column_right
{
	background:#f4f0e1;
	float:right;
	height:100%;
	min-height:520px;
	padding:0 20px;
	position:relative;
	width:330px;
}

.column_right #about
{
	bottom:0;
	height:430px;
	padding-bottom:10px;
	position:absolute;
	width:330px;
}

.column_right #about:first-letter
{
	font-size:18px;
}

.menu #children
{
	background:#D9C271;
	border:1px solid #733D17;
	list-style:none;
	margin:10px auto;
	padding:5px 10px;
	width:70%;
}

.menu #children li:hover
{
	background:#DED2A6;
	border:1px dashed #733D17;
	cursor:move;
	padding:4px 9px;
}

ul.input-switcher
{
	border-bottom:1px solid #733D17;
	list-style:none;
	margin:0 0 20px;
	overflow:hidden;
	padding:0;
}

ul.input-switcher li a
{
	background:#D9C271;
	border:1px solid transparent;
	display:block;
	margin:0 5px 0 0;
	opacity:0.5;
	padding:5px 10px;
	text-decoration:none;
}

ul.input-switcher li.active a,ul.input-switcher li a:hover
{
	border-color:#733D17;
}

ul.input-switcher li a:hover
{
	opacity:0.8;
}

#form_contact
{
	color:#f15a24;
	text-align:right;
	width:90%;
}

#form_contact .input
{
	margin-top:10px;
}

#ViaMichelin
{
	background:#FFF;
	display:none;
	height:670px;
	left:35%;
	position:absolute;
	text-align:right;
	top:75px;
	width:490px;
	z-index:100;
}

#Fond_Noir
{
	background:#000;
	display:none;
	filter:alpha(opacity=50);
	height:100%;
	opacity:0.5;
	position:absolute;
	width:100%;
	z-index:50;
}

.users
{
	background:#F7F7F7;
	margin:15px auto auto;
	padding:5px 15px 15px;
	width:60%;
}

.users h1
{
	margin-top:10px;
	text-align:center;
}

.users .submit input
{
	position:relative;
	right:-400px;
}

#Reference
{
	height:230px;
	padding:25px 0 15px;
	width:100%;
}

#Reference #opacitor
{
	display:none;
}

#Reference #opacitor #image
{
	float:left;
	height:230px;
	text-align:center;
	width:300px;
}

#Reference #opacitor #description
{
	float:right;
	height:230px;
	padding-left:15px;
	width:565px;
}

.rouge
{
	color:#e1001a;
}

.violet
{
	color:#9e005d;
}

.turquoise
{
	color:#00a99d;
}

.vert
{
	color:#8cc63f;
}

.jaune
{
	color:#fbb03b;
}

.orange
{
	color:#f15a24;
}

h5,.header #nav li a:first-letter
{
	font-size:1.1em;
}

strong,dt
{
	font-weight:700;
}

table td,.menu #children li
{
	padding:5px 10px;
}

.checkbox input,.radio input,ul.input-switcher li
{
	float:left;
}

#Accueil:hover,#Accueil a.active,#Agence:hover,#Agence a:active,#Prestations:hover,#Prestations a:active,#Solutions:hover,#Solution a:active,#References:hover,#References a:active,#Contact:hover,#Contact a:active
{
	background-position:top center;
}

.header .languages li:hover,.header .languages li.selected,ul.input-switcher li.active a
{
	opacity:1;
}

/*Rouge*/
#hd.page-rouge{background: url(../img/header_rouge.jpg) repeat-x;}
#bd.page-rouge {background: #E0001A;}
#br.page-rouge{background: url(../img/bread_rouge.jpg) no-repeat top center;}
#ft.page-rouge {background: url(../img/footer_rouge.jpg) no-repeat top center;}
#content.page-rouge a, #content.page-rouge em {color:#F15A25;}
#content.page-rouge a.infos{color:#FBB03B;font-size:14px;}

/*Viollet*/
#hd.page-viollette {background: url(../img/header_violet.jpg) repeat-x;}
#bd.page-viollette {background: #9F005D;}
#br.page-viollette {background: url(../img/bread_violet.jpg) no-repeat top center;}
#ft.page-viollette {background: url(../img/footer_violet.jpg) no-repeat top center;}
#content.page-viollette a, #content.page-viollette em {color:#9e005d;}
#container.page-viollette p.reference{
  font-size:12px;
}

#nav-left.page-viollette{
    background:#9F005D;
    width:200px;
    float:left;
    margin:0;
    padding-top:10px;
    list-style:none;
    min-height:550px;
}

#nav-left.page-viollette li {

    width:180px;
    display:inline-block;
    line-height:18px;
}

#nav-left.page-viollette li a{
    background:#DA1599;
    color:#FFF;
    font-size:14px;
    font-weight:bold;
    display:inline-block;
    padding:2px 0 2px 20px;
    width:100%;
}

#nav-left.page-viollette li a:hover, #nav-left.page-viollette li.active a{
    text-decoration: none;
    color:#AAA;
}

#nav-left.page-viollette li ul {
    list-style: disc inside;
    width:180px;
    margin:0;
}

#nav-left.page-viollette li li{
    width:170px;
    background:transparent;
    margin:0;
    padding-left:10px;
}

#nav-left.page-viollette li li a{
    color:#FFF;
    font-size:12px;
    background:transparent;
}

#nav-left.page-viollette li li a:hover, #nav-left.page-viollette li li.active a {
    color:#AAA;
}

/*Turquoise*/
#hd.page-turquoise {background: url(../img/header_turquoise.jpg) repeat-x;}
#bd.page-turquoise {background: #01A89E;}
#br.page-turquoise {background: url(../img/bread_turquoise.jpg) no-repeat top center;}
#ft.page-turquoise {background: url(../img/footer_turquoise.jpg) no-repeat top center;}
#content.page-turquoise a, #content.page-turquoise em {color:#00a99d;}
#container.page-turquoise h2{
    color:#00a99d;
    font-size:14px;
    font-weight:bold;
    margin:0;
    padding:0;
    display:inline;
}
#nav-left.page-turquoise{
    background:#01A89E;
    width:200px;
    float:left;
    margin:0;
    padding-top:10px;
    list-style:none;
    min-height:550px;
}

#nav-left.page-turquoise li {

    width:180px;
    display:inline-block;
    line-height:18px;
}

#nav-left.page-turquoise li a{
    background:#03DFC6;
    color:#5e5e60;
    font-size:14px;
    font-weight:bold;
    display:inline-block;
    padding:2px 0 2px 20px;
    width:100%;
}

#nav-left.page-turquoise li a:hover{
    text-decoration: none;
    color:#FFF;
}

#nav-left.page-turquoise li ul {
    list-style: disc inside;
    width:180px;
    margin:0;
}

#nav-left.page-turquoise li li{
    width:160px;
    background:transparent;
    margin:0;
    padding-left:10px;
}

#nav-left.page-turquoise li li a{
    color:#FFF;
    font-size:12px;
    background:transparent;
}

#nav-left.page-turquoise li li a:hover, #nav-left.page-turquoise li li.active a{
    color:#5e5e60;
}

/*Vert*/
#hd.page-verte {background: url(../img/header_vert.jpg) repeat-x;}
#bd.page-verte {background: #8CC63E;}
#br.page-verte {background: url(../img/bread_vert.jpg) no-repeat top center;}
#ft.page-verte {background: url(../img/footer_vert.jpg) no-repeat top center;}
#content.page-verte a, #content.page-verte em {color:#8cc63f;}
#container.page-verte h2{
    color:#8cc63f;
    font-size:14px;
    font-weight:bold;
    margin:0;
    padding:0;
    display:inline;
}

#nav-left.page-verte{
    background:#8DC73F;
    width:200px;
    float:left;
    margin:0;
    padding-top:10px;
    list-style:none;
    min-height:550px;
}

#nav-left.page-verte li {

    width:180px;
    display:inline-block;
    line-height:18px;
}

#nav-left.page-verte li a{
    background:#B1EF4C;
    color:#5e5e60;
    font-size:14px;
    font-weight:bold;
    display:inline-block;
    padding:2px 0 2px 20px;
    width:100%;
}

#nav-left.page-verte li a:hover, #nav-left.page-verte li.active a{
    text-decoration: none;
    color:#AAA;
}

#nav-left.page-verte li ul {
    list-style: disc inside;
    width:180px;
    margin:0;
}

#nav-left.page-verte li li{
    width:160px;
    background:transparent;
    margin:0;
    padding-left:10px;
}

#nav-left.page-verte li li a{
    color:#FFF;
    font-size:12px;
    background:transparent;
}

#nav-left.page-verte li li a:hover, #nav-left.page-verte li li.active a{
    color:#5e5e60;
}

/*Jaune*/
#nav.page-jaune #References {background: url(../img/btn_references.png) no-repeat top center;}
#hd.page-jaune {background: url(../img/header_jaune.jpg) repeat-x;}
#bd.page-jaune {background: #FBB03B;}
#br.page-jaune {background: url(../img/bread_jaune.jpg) no-repeat top center;}
#ft.page-jaune {background: url(../img/footer_jaune.jpg) no-repeat top center;}
#content.page-jaune a, #content.page-jaune em {color:#fbb03b;}

/*Orange*/
#hd.page-orange {background: url(../img/header_orange.jpg) repeat-x;}
#bd.page-orange {background: #F15A25;}
#br.page-orange {background: url(../img/bread_orange.jpg) no-repeat top center;}
#ft.page-orange {background: url(../img/footer_orange.jpg) no-repeat top center;}
#content.page-orange a, #content.page-orange em {color:#f15a24;}