@charset "utf-8";
/* Feuille de style principale */

html, body, ol, ul, form, fieldset {
	margin:0;
	padding:0;
}

body {
	background:#FFF5DD url(../img/header-back.png) repeat-x scroll 50% 0px;
	color:black;
	font:normal 80% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
}

/*____Liens____*/
a { color: #FF3F00; }
a:visited { color: #FF3F00; }
a:hover, a:focus { 
	background: #FFFFCC;
	color: #FF0000;  
}
a:active { background: #FFDDDD; }

p {
	margin:0px; 
	text-align:justify; 
}

.nojust { text-align:left; }

.left {
	text-align: left;
}

.clear {
	clear: both;
}

.bold {
	font-weight: bold;
}

.i {
	font-style: italic;
}

.under {
	text-decoration: underline;
}

.tiny {
	font-size: 0.85em;
}

.tinymaj {
	font-variant: small-caps;
}

.blue {
	color: #0066FF;
}

.no_display {
	display: none;
}

.titre {
	background: transparent url(../img/puce1.png) no-repeat left 5px;
	border-bottom: 1px solid #921A1E; 
	color: #EE3311;
	font-size: 1.3em; 
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 16px;
}
.titrecomp {
	background: transparent url(../img/puce9.png) no-repeat left;
}

.titreside {
	background: transparent url(../img/puce1side.png) no-repeat left 5px;
	color: #921A1E;
	font-size: 1.2em; 
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 16px;
}

.exemple {
	color: #921A1E;
	font-size: 110%;
	font-weight: bold;
}
.mobiscop {
	color: #921A1E;
	font-size: 110%;
	font-variant: small-caps;
	font-weight: bold;
}
.kodiz {
	color: #27ACE2;
	font-size: 110%;
	font-variant: small-caps;
	font-weight: bold;
}
.player {
	color: #FF6633;
	font-size: 110%;
	font-variant: small-caps;
	font-weight: bold;
}
#page ul .webmobile, .webmobile { 
	color: #FF3F00; 
	text-decoration: underline;
}

#page ul, #page ol {
	color: #FF6633;
	font-weight: bold;
	margin: 0.3em 0 1em 24px;
	padding: 0;
	text-align: justify;
}
#page ul span, #page ol span {
	color: black;
	font-weight: normal;
	text-align: justify;
}
#page ul {
 	list-style: disc;
}
/*#page ul li:first-line, #page ol li:first-line {
	color:black;
	font-weight:normal;
}*/

#page li .evidence {
	background-color: wheat;
	color: #DD2222;
	font-weight: bold;
}

#page li .kodiz {
	color: #27ACE2;
	font-size: 110%;
	font-variant: small-caps;
	font-weight: bold;
}

#page li .mobiscop {
	color: #921A1E;
	font-size: 110%;
	font-variant: small-caps;
	font-weight: bold;
}

#page li .bold {
	font-weight: bold;
}

.noli { list-style: none; }

.centrer {
	text-align: center;
}

#header {
	background:transparent url(../img/header.png) no-repeat center 0px;
}
#header-inside {
	background:transparent url(../img/header.png) no-repeat center 0px;
	height:160px;
	margin:0 auto;
	width:990px;
}
#header-inside ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:89px 0 0 35px;
}
#header-inside ul li {
	float:left;
}
#header-inside ul li a {
	color:#333333;
	float:left;
	height:40px;
	margin-top:31px;
}
#menu1 {
	background:transparent url(../img/menu/accueil.png) no-repeat center -80px;
	width:81px;
}
#menu1:hover, #menu1:focus {
	background-position: center -40px;
}
#menu2 {
	background:transparent url(../img/menu/offres.png) no-repeat center -80px;
	width:102px;
}
#menu2:hover, #menu2:focus {
	background-position: center -40px;
}
#menu3 {
	background:transparent url(../img/menu/services.png) no-repeat center -80px;
	width:119px;
}
#menu3:hover, #menu3:focus {
	background-position: center -40px;
}
#menu4 {
	background:transparent url(../img/menu/exemples.png) no-repeat center -80px;
	width:95px;
}
#menu4:hover, #menu4:focus {
	background-position: center -40px;
}
#menu5 {
	background:transparent url(../img/menu/clients.png) no-repeat center -80px;
	width:108px;
}
#menu5:hover, #menu5:focus {
	background-position: center -40px;
}
#menu6 {
	background:transparent url(../img/menu/qui.png) no-repeat center -80px;
	width:156px;
}
#menu6:hover, #menu6:focus {
	background-position: center -40px;
}
#menu7 {
	background:transparent url(../img/menu/contact.png) no-repeat center -80px;
	margin:0px 23px 0px 42px;
	width:83px;
}
#menu7:hover, #menu7:focus {
	background-position: center -40px;
}
#menu8 {
	background:transparent url(../img/menu/blog.png) no-repeat;
	color:#333333;
	float:left;
	height:61px;
	margin-top:0px;
	width:102px;
}
#menu8:hover, #menu8:focus {
	background-position: center -61px;
}

#page {
	margin:0 auto;
	width:990px;
}
#page-inside {
	background:#FFF5DD url(../img/main-back.png) repeat-y center top;
	min-height:500px;
	overflow: hidden;
	padding:20px 35px;
}

#contenu {
	float:left;
	width:680px;
}

#sidebar {
	float:right;
	width:220px;
}

#footer {
	background:#FFF5DD url(../img/footer.png) no-repeat center top;
	color: #888888;
	font-size: 11px;
	height: 40px;
	margin: 0 auto;
	/*padding: 0 19px;*/
	width: 990px;
}
#footer #footin {
	border-top: 1px solid #888888;
	margin: 0 15px;
	padding: 6px 8px 0; 
}
#footer #footleft { float: left; }
#footer #footright { float: right; }

/*____Onglets____*/
#page .onglets {
    list-style: none;
    margin: 0 auto;
	margin-bottom: 10px;
    padding: 0 0 22px 50px;
    border-bottom: 1px solid #C06060;
}
.onglets li {
	background-color: #E0DDDD;
	border: #C06060 solid 1px; 
	cursor: pointer;
	display: inline; 
	float: left;
	font-weight: bold; 
	margin: 2px 5px 0; 
	padding: 1px 10px 0; 
	height: 18px;
}
.onglets a { 
	font-weight: bold; 
	text-decoration: none;
}
.onglets li a { color: #906060; }
.onglets li.onglet_actif {
	display: inline; 
	margin: 0 5px; 
	padding: 2px 10px 1px; 
	background-color: wheat;
	border: #C06060 solid 1px; 
	border-bottom: wheat solid 1px; 
	
}
.onglets li.onglet_actif a {
	color: #DD2222;
}
.onglets li a:hover, .onglets li a:active { 
	background: none;
}
/*.onglets li a:hover { 
	padding-bottom: 3px;
	color: #606090;
	background: none;
	border-bottom: 3px solid #8080B0; 
}
.onglets li.onglet_actif, .onglets li.onglet_actif a, .onglets li.onglet_actif a:hover, .onglets li.onglet_actif a:active {
	padding-bottom: 2px;
	color: #303060;
	background: none;
	border-bottom: 4px solid #606090;
}*/

/*____Formulaire____*/
.form {
	margin-top: 10px;
}

.libelle {
	height: auto;
	width: 100%;
    padding-bottom: 5px;
	padding-top: 5px;
	overflow: auto;
}
.libelle * {
	margin: 2px;
	float: left;
}
.form label {
	width: 25%;
	padding-top: 2px;
	font-weight: bold;
	text-align: right;
}
.form2 label {
	width: 35%;
	padding-top: 2px;
	font-weight: bold;
	text-align: right;
}
.libelle input {
	width: 150px;
	padding: 2px 4px;
	background: #BCC0E9;
	border: solid 1px #6060C0;
}
.libelle input:focus, .libelle select:focus, .libelle textarea:focus { background: #BBDBFF; }
.libelle input.checkbox {
	width: auto;
	margin-top: 6px;
	padding: 0px;
	background: none;
	border: none;
}
.libelle input.radio {
	width: auto;
	margin-top: 6px;
	padding: 0px;
	background: none;
	border: none;
}
.libelle .radio_label {
	width: auto;
	margin-right: 15px;
	font-weight: normal;
}
.libelle select {
	padding: 0px;
	width: 160px;
	border: solid 1px #6060C0;
}
.libelle select * {
	margin: 0px;
	padding: 0px;
}
.libelle textarea {
	width: 400px;
	padding: 2px 4px;
	background: #BCC0E9;
	border: solid 1px #6060C0;
}
.libelle .bouton, .validation .bouton, .bouton {
	height: 20px;
	width: auto;
	padding: 0px 0px;
	padding-bottom: 2px;
	background-color: #BCC0E9;
	border: solid 1px #6060C0;
	font-size: 11px;
	font-weight: bold;
}
.libelle img {
	display: none;
	padding-top: 2px;
	cursor: help;
	width: 16px;
	height: 16px;
}
.libelle img#img_photo, .libelle img#img_photo_presse, .libelle img#img_article_presse, .libelle img#img_photo_rte {
	margin-left: 95px; 
	max-width: 22px; 
	max-height: 20px; 
	border: solid 1px #6060C0;
}
.libelle b {
	float: left; 
	padding-top: 2px; 
}
.validation {
	margin-top: 20px; 
	margin-left: 8px; 
}
.validation .bouton {
	width: 75px;
	margin-left: 25%;
}
.libelle_rte {
	height: auto;
	width: 100%;
    padding-bottom: 5px;
	padding-top: 5px;
	overflow: auto;
}
.libelle_rte label { 
	float: left; 
	margin: 2px; 
}
.libelle_rte span {	
	float: left; 
	margin: 2px; 
}
.rte_img {
	max-width: 600px;
	max-height: 600px;
}
.libelle_rte img { display: none; }
.libelle_rte span img { display: inline; }
.color_picker {
	height: 20px;
	width: 24px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #FFFF66;
	border: 1px solid black;
}


/*____Boite modale____*/
.modal {
	padding-bottom: 10px;
	margin-left: -140px;
	top: 30%;
	left: 50%;
	width: 280px;
	display: none; 
	position: fixed; 
	z-index: 5001;   
	background-color: #FFFFCC;  
	border: 2px solid Black;
	text-align: center;
}
.modal div { text-align: center; }
.modal .bouton { padding: 0 5px; }
.modal .RTE_valid { border-bottom: 1px solid #666666; margin-bottom: 15px; padding-bottom: 15px; }
.mess_modal { padding: 10px 3px; }
.modal_titre {
	height: 20px;
	margin-top: 0px;   
	padding-left: 5px;
	padding-top: 2px;
	background-color: #8B98C9;
	border-bottom: 1px solid Black;
	font-weight: bold;  
	text-align: left; 
}
.create_modal {
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	z-index: 5000;
	background-color: #999999;
	opacity: 0.6;
}

/*____Auto-complétion____*/
.complete {
	display: none;
	position: absolute;
	width: 158px;
	height: auto;
	overflow: hidden;
	border: solid 1px #6060C0;
	border-top: solid 1px #6060C0;
	color: #fff;
}
.sel_auto {
	width: 176px;
	background-color: #CAD6FF;
	border: 0px;
	z-index: 5;
}

/*____Infobulles____*/
.infobulle {
	position: absolute;
	display: none;
	padding: 5px;
	/*max-width: 200px;*/
	background-color: #FFFFCC;
	border: 1px solid Black;
	font-size: 11px;
	text-align: justify;
}

.infobulle img {
	max-width: 600px;
	max-height: 300px;
}