/**RESET
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
    */
* {
  margin: 0;
  padding: 0;
}
	
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
		
	
	// =INITIAL   v2.1,
// by Faruk Ates - www.kurafire.net
// Addendum by Robert Nyman - www.robertnyman.com
// Addition by Christian Montoya - www.christianmontoya.net

// Neutralize styling: Elements we want to clean out entirely: html, body, form, fieldset { margin: 0; padding: 0; font: 100%/120% Verdana, Arial, Helvetica, sans-serif; }
// Neutralize styling: Elements with a vertical margin: h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }
// Apply left margin: Only to the few elements that need it: li, dd, blockquote { margin-left: 1em; }
// Miscellaneous conveniences: form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 100%; font-family: inherit; }


body, div, dl, dt, dd, ul, ol, li, h1,
h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea,
p, blockquote, th, td {
  margin: 0;
  padding: 0;
 }
table {
  border-collapse: collapse;
  border-spacing: 0;
 }
fieldset, img {
  border: 0;
 }
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
 }
ol, ul {
  list-style: none;
 }
caption, th {
  text-align: left;
 }
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}


// undohtml.css (CC) 2004 Tantek Celik.
// Some Rights Reserved. http://creativecommons.org/licenses/by/2.0
// This style sheet is licensed under a Creative Commons License.
// Purpose: undo some of the default styling of common (X)HTML browsers *//



:link, :visited {text-decoration: none;}
ul, ol {list-style: none;}
h1, h2, h3, h4, h5, h6, pre, code {font-size: 1em;}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }
a img, :link img, :visited img {border: none }
address {font-style: normal;}




/* CSS GENERAL */

@font-face {
    font-family: 'CalibriL';
    src: url('fonts/calibril.eot');
    src: url('fonts/calibril.eot?#iefix') format('embedded-opentype'),
	     url('fonts/calibril.woff') format('woff'),
         url('fonts/calibril.otf') format('opentype'),
         url('fonts/calibril.svg') format('svg'),
         url('fonts/calibril.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: url('fonts/calibri.eot');
    src: url('fonts/calibri.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibri.woff') format('woff'),
         url('fonts/calibril.otf') format('opentype'),
         url('fonts/calibri.ttf') format('truetype'),
         url('fonts/calibri.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background-image:url("../images/bg_quadri.png");
	margin : 0 auto;

}

p,tr,th,td,span,a,h1,h2,h3,h4,h5,li,ul,caption {font:14px 'Calibri',Arial,sans-serif;color:#333333;}

.retour {clear:both;}


/* CSS DE INDEX */

.content{
display:block;
position:absolute;
left:38%;
top:28%;}

#logo_retour{
position:absolute;
top:30px;
left:30px;}


.identifiant {
	color: #333333;
	margin-top: 30px;
	margin-left: 250px;
	font-size: 11pt;
	text-decoration: underline;
}

.envoie:hover{
color: white;
text-decoration: underline;
}
.envoie{
color: #333333;
padding-top: 05px;
}
.couleur,.couleur2,.couleur3{
	-webkit-animation: color_change 30s infinite alternate;
  -moz-animation: color_change 30s infinite alternate;
  -ms-animation: color_change 30s infinite alternate;
  -o-animation: color_change 30s infinite alternate;
  animation: color_change 30s infinite alternate;

}
@-webkit-keyframes color_change {
	0% { background-color: #b6b6d8; }
	25% { background-color: #d1ceab; }
	50% { background-color: #dca80a; }
	75% { background-color: #6bbfff; }
	100% { background-color: #f0a3f0; }
}

@-moz-keyframes color_change {
 	0% { background-color: #b6b6d8; }
	25% { background-color: #d1ceab; }
	50% { background-color: #dca80a; }
	75% { background-color: #6bbfff; }
	100% { background-color: #f0a3f0; }
}
@-ms-keyframes color_change {
 	0% { background-color: #b6b6d8; }
	25% { background-color: #d1ceab; }
	50% { background-color: #dca80a; }
	75% { background-color: #6bbfff; }
	100% { background-color: #f0a3f0; }
}
@-o-keyframes color_change {
 	0% { background-color: #b6b6d8; }
	25% { background-color: #d1ceab; }
	50% { background-color: #dca80a; }
	75% { background-color: #6bbfff; }
	100% { background-color: #f0a3f0; }
}
@keyframes color_change {
 	0% { background-color: #b6b6d8; }
	25% { background-color: #d1ceab; }
	50% { background-color: #dca80a; }
	75% { background-color: #6bbfff; }
	100% { background-color: #f0a3f0; }
}
.couleur{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius:  50%;
	width: 120px;
	height: 120px;
}
.couleur3{
	display:block;
	float:left;
	position:relative;
	z-index: 100;
	margin-top:10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius:  50%;
	width: 70px;
	height: 70px;
}
.couleur2{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 100px;
	height: 30px;
}

.logo img {
	margin-top: 15px;
}

#espacelogin {
width:438px;
background:#e5e2e3;
margin-bottom:26px;
position:relative;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#888888, Direction=180, Strength=20);
}

.curve:before {
top: 52px;
left: 5px;
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
-webkit-box-shadow: 7px 6px 15px #333;
-moz-box-shadow: 7px 6px 15px #333;
-ms-box-shadow: 7px 6px 15px #333;
-o-box-shadow: 7px 6px 15px #333;
box-shadow: 7px 6px 15px #333;
}
.curve:after {
top: 52px;
right: 5px;
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
-webkit-box-shadow: -7px 6px 15px #333;
-moz-box-shadow: -7px 6px 15px #333;
-ms-box-shadow: -7px 6px 15px #333;
-o-box-shadow: -7px 6px 15px #333;
box-shadow: -7px 6px 15px #333;}

.bloc:after, .bloc:before {
content: " ";
position: absolute;
width: 50%;
height: 100px;
z-index: -10;
}

#espacelogin h1 {
text-transform:uppercase;
font-size:20px;
background-color:#333333;
color:#f3f3f3;
padding:9px 0px 9px 0px;
}

#espacelogin #champs {
padding-top:33px;
}

#espacelogin #champs input {
padding-left:17px;
font:18px 'Calibri',Arial,sans-serif;color:#333333;
height:36px;width:284px;
border: 2px solid #d4cbcb;
border-radius:5px;
}

#espacelogin #champs span {
padding-right:18px;
font-weight:bold;
}

#espacelogin a{
padding:24px 34px 8px 0px;
text-decoration:none;
color:#333333;
font-weight:bold;
float:right;
}

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

#send {
font-size:18px;
color:white;
background-color:#b6b6d8;
padding:4px 34px 4px 34px;
text-decoration:none;
border-radius:3px;
margin-left:310px;

-moz-box-shadow: 0px 2px 5px 0px #888888;
-webkit-box-shadow: 0px 2px 5px 0px #888888;
-o-box-shadow: 0px 2px 5px 0px #888888;
box-shadow: 0px 2px 5px 0px #888888;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#888888, Direction=180, Strength=5);
}


/* CSS DE ADMIN */
.deco  {
margin-top: 10px;
margin-bottom: -12px;
float:right;
width:203px;}

.deco img {
left:20px;
z-index:10;
float:left;
position:relative;}

a.deco {
overflow:hidden;
width:86px;
position:relative;
text-transform:uppercase;
font-size:14px;
background-color:#9f9898;
float: left;
top: 22px;
margin-left: -10px;
padding: 6px 15px 6px 32px;
border-radius:5px;
color:white;
text-decoration:none;
}

a.deco:hover{
overflow:hidden;
width:86px;
position:relative;
text-transform:uppercase;
font-size:14px;
background-color:#9f9898;
float: left;
top: 22px;
margin-left: -10px;
padding: 6px 15px 6px 32px;
border-radius:5px;
color:white;
text-decoration:none;
}

.header{
width:906px;
margin-bottom: 20px;
}

.pic {
float: left;
left: 30px;
position: relative;
-webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.89);
-moz-box-shadow:    0px 0px 15px rgba(50, 50, 50, 0.89);
box-shadow:         0px 0px 15px rgba(50, 50, 50, 0.89);
}

.header h1{
text-align: left;
font-size:22px;
padding:10px 0px 10px 220px;
text-transform:uppercase;
margin-top:22px;
background-color:#333333;
color:#f3f3f3;}

.header h1 span{
color:#b6b6d8;
text-align: left;
font-size:22px;
text-transform:uppercase;
margin-top:22px;
}

.header h2{
text-align: left;
padding:3px 0px 3px 220px;
background-color:#BCBCD4;
color:#333333;}

td .liens_titre {
padding: 5px 0px 5px 0px;
}

.limite {
display:none;}



/* CSS DE FICHE INTERVENTION */

#dossier,#description, #point{
width:882px;
margin-bottom:12px;
padding:10px;}

#description, #point{
border: 2px solid #9f9898;
}

#dossier {
width:884px;
background-color:#4a4a63;
}

#description, #point {
background-color:#e5e2e2;
}

#dossier .encadre,#description .encadre, #point .encadre  {
padding:10px;
width:212px;
float:left;
}

#dossier .encadre div,#description .encadre div, #point .encadre div  {
text-align:center;
}


#dossier .encadre {
background-color:#9f9898;}

#description .encadre, #point .encadre  {
background-color:#9f9898;}

#dossier .cartouche,#description .cartouche,#point .cartouche  {
font: 15px 'Calibri' Arial;
margin-top:3px;
padding:5px 0px 5px 0px;
background-color:white;}

#dossier .text, #description .text,#point .text {
margin-left: 80px;
float:left;
}

#dossier .text {
	font:25px 'Calibri',Arial,sans-serif;
	color:white;
}
 .text p{
padding-bottom: 5px;}

#description .text,#point .text {
width: 550px;
font:16px 'Calibri',Arial,sans-serif;
margin-left: 80px;
float:left;
}


#avancement .encadre {
padding:9px 22px 9px 22px;
background-color:#BCBCD4;
float:left;}

#titre_avancement {
	font:14px 'Calibri',Arial,sans-serif;
	text-transform:uppercase;
	float:left;
}

#titre_avancement, #avancement .encadre img {
margin-top:7px;
}

#avancement .encadre img {
margin-left:20px;
	float:left;
}
#barre_avancement {
margin-left:20px;
	float:left;
}

#avancement .mail {
background-color:#BCBCD4;
float:right;}

#avancement .mail a{
height:13px;
display:block;
padding:15px 22px 15px 22px;
font:14px 'Calibri',Arial,sans-serif;
text-transform:uppercase;}

#avancement .mail a img{
float:left;
}

#avancement .mail a span{
padding-left: 10px;
float:left;
}

.texte a {
text-decoration:none;}

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

/* STYLES DE MON FRAMEWORK */

.titre {
	font:16px 'Calibri',Arial,sans-serif;
	font-weight: bold;
	color: #000000;
}
.donnees {
	font:16px 'Calibri',Arial,sans-serif;
	padding:6px 0px 6px 0px;
	color: #000000;
}
.donnees2 {
	font:16px 'Calibri',Arial,sans-serif;
	color: #000000;
}
.infos {
	font:16px 'Calibri',Arial,sans-serif;
	color: #878787;
}
/* CSS DES LIENS */
.liens_titre a {
	font:16px 'Calibri',Arial,sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.liens_titre a:link {
	font:16px 'Calibri',Arial,sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.liens_titre a:visited  {
	font:16px 'Calibri',Arial,sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.liens_titre a:active  {
	font:16px 'Calibri',Arial,sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.liens_titre a:hover {
	font:16px 'Calibri',Arial,sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

/* ------------------------------------ */

.liens_pages a {
	font:16px 'Calibri',Arial,sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.liens_pages a:link {
	font:16px 'Calibri',Arial,sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.liens_pages a:visited  {
	font:16px 'Calibri',Arial,sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.liens_pages a:active  {
	font:16px 'Calibri',Arial,sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.liens_pages a:hover {
	font:16px 'Calibri',Arial,sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
/* FIN DES STYLES DE MON FRAMEWORK */

.titreorange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	COLOR: #e17d1e;
	font-weight: bold;
}
.lien_menu a {
 text-decoration: underline; color: #333333;
}
.lien_menu a:link {
 text-decoration: underline; color: #333333;
}
.lien_menu a:visited  {
 text-decoration: underline; color: #333333;
}
.lien_menu a:active  {
 text-decoration: underline; color: #333333;
}
.lien_menu a:hover {
 text-decoration: none; color: #333333;
}

.tableau a {
 text-decoration: underline; color: #999999;
}
.tableau a:link {
 text-decoration: underline; color: #999999;
}
.tableau a:visited  {
 text-decoration: underline; color: #999999;
}
.tableau a:active  {
 text-decoration: underline; color: #999999;
}
.tableau a:hover {
 text-decoration: none; color: #999999;
}
.deconnection{
	color:#FFF;
	text-decoration:none;	
	padding-top:12px;
	float:right;
}
.deconnection:hover{
	color:#d2041a;
	text-decoration:none;	
}
.retourindex{
	color:#FFF;
	text-decoration:none;	
	margin-top:-7px;
	float:left;
	margin-right:-20px;
	margin-left:50px;
	font-family:Arial;
	font-size:14px;
}
.retourindex:hover{
	color:#d2041a;
	text-decoration:none;	
}