/*feuille de style de Telling-pcd*/

html 
{
margin: 0;
padding: 0;
}

body
{
margin:0;
padding:0;
background:#103333;
font:14px/1 tahoma, sans-serif;
line-height:1.2;
color:#103333;
}
#wrap
{
position:relative;
width: 1000px;
height:auto;

position:relative;
margin-top:1px;
margin-left: auto;
margin-right:auto;
margin-bottom:0;
background:transparent  url(images/paper_bg.jpg) repeat left top;
}
#year
{
position: absolute;
top:120px;
right:20px;
font-family:verdana;
font-size: 0.5em;
letter-spacing:.1em;
}
#mapping2
{
position:absolute;
top:120px;
left:20px;
padding-left:18px;
background:transparent url(images/fleche_droite.png) no-repeat left center;
font-family:verdana;
font-size: 0.5em;
letter-spacing:.07em;
z-index:1;
}
#header1
{
position:relative;
margin-top:0;
margin-left: auto;
margin-right:auto;
/*width:95%;*/
padding-top:1em;
padding-bottom:1em;
width:1000px;
height:85px;
font-size:1.8em;
text-align:center;
}
#header1 a:link, #header1 a:hover, #header1 a:visited
{
text-decoration:none;
color:#103333;
}
#header2
{
position:relative;
margin-top:0;
margin-left: auto;
margin-right:auto;
width:95%;
padding-bottom:20px;
border-bottom:1px solid #103333;
font-family:verdana;
font-size:1.3em;
letter-spacing:.2em;
word-spacing:.2em;
color:#103333;
line-height:160%;
}
#container
{
position:relative;
margin-top:0;
margin-left: auto;
margin-right:auto;
margin-bottom:0;
width:98%;
min-height:105em;
height:100%;
padding:1em 0 0 0;
font-size:1.1em;
color:#103333;
line-height:140%;
text-align:justify;
overflow:auto;
}
#main
{
margin:0 20px 0 20px;
padding:0 0 0 .5em;
min-height:21.5em;
font-family:verdana;
font-size:.8em;
color:#103333;
line-height:150%;
min-height:450px;
}
#main a:link
{
text-decoration:none;
color:#8C0006;
}
#main a:visited
{
text-decoration:none;
color:#8C0006;
}
#main a:hover
{
text-decoration:none;
color:#ca8;
}
#main > p
{
margin-top:5px;
}
.titre_page
{
position:relative;
margin:0 0 40px 0;
font-family:tahoma;
font-size:1.5em;
text-transform:uppercase;
letter-spacing:.1em;
word-spacing:.07em;
text-align:justify;
min-height:.5px;
color:#1F5E5E;
}
.titre_page_insert
{
position:relative;
margin:0 0 10px 0;
font-family:tahoma;
font-size:1.5em;
text-transform:uppercase;
letter-spacing:.1em;
word-spacing:.07em;
text-align:justify;
min-height:.5px;
color:#1F5E5E;
}
.modifier
{
position:relative;
margin:10px 0 20px 0;
font-family:tahoma;
font-size:1.5em;
text-transform:uppercase;
letter-spacing:.1em;
word-spacing:.07em;
text-align:justify;
min-height:.5px;
color:#1F5E5E;
}
#menu
{
float:left;
width:220px;
margin-top:0;
padding-left:1px;
color:#0D2828;
}
#menu_index
{
float:left;
background-color:#transparent;
height:auto;
min-height:5em;
}
#menu a:link, #menu_index a:link
{
text-decoration:none;
color:#1F5E5E;
}
#menu a:visited, #menu_index a:visited
{
text-decoration:none;
color:#1F5E5E;
}
#menu a:hover, #menu_index a:hover
{
text-decoration:none;
color:#ca8;
}
#declare
{
position:relative;
margin-top:3em;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
padding-bottom:10px;	
width:95%;
border-top:1px dotted #103333;
font-family:verdana;
font-size:.7em;
color:#103333;
text-align:center;
}
#declare a:link
{
text-decoration:none;
color:#ca8;
}
#declare a:visited
{
color:#ca8;
text-decoration:none;
}
#declare a:hover
{
color:#103333;
}
#top
{
position:relative;
margin:1em 0 0 0;
padding:.3em 1.5em .3em 1.5em;
width:auto;
height:auto;
background-color:#ffffff;
font-size:1.08em;
color:#8C0006;
font-weight:bold;
text-align:right;
}
#top a:link
{
color:#8C0006;
text-decoration:none;
}
#top a:visited
{
color:#8C0006;
text-decoration:none;
}
#top a:hover
{
color:#ca8;
text-decoration:none;
}
.center
{
padding:.8em 0 .8em 0;
text-align:center;
}
.higher
{
padding:.8em 0 0 0;
line-height:180%;
text-align:center;
}
.higher2
{
padding:1em 0 0 0;
line-height:190%;
text-align:justify;
}
.higher3
{
margin-top:-1em;
line-height:190%;
text-align:justify;
}
.right
{
text-align:right;
}
.s_right
{
font-size:.8em;
font-style:italic;
text-align:right;
}
.white
{
margin:0 3em 2em 3em;
padding:1em 1em 2em 2em;
background-color:#103333;
border-bottom:3px solid #103333;
border-left:2px solid #D6CABD;
font-size:.9em;
color:#4c3727;
}
.white2
{
margin:2em 1em 0 0;
padding:1em 1em 1em 2em;
background-color:#103333;
border-bottom:3px solid #103333;
border-left:2px solid #D6CABD;
color:#4c3727;
}
.white a:link, .white2 a:link
{
text-decoration:none;
color:#1F5E5E;
}
.white a:visited, .white2 a:visited
{
color:#1F5E5E;
text-decoration:none;
}
.white a:hover, .white2 a:hover
{
color:#ca8;
background-color:#1F5E5E;
}
.brown
{
margin:0 0 1em 0;
padding:.6em 1.5em 1.2em 1.5em;
font-size:1em;
color:#103333;
}
.notification
{
margin:.6em 0 0 0;
font-size:.9em;
font-style:italic;
line-height:150%;
}
.notification2
{
margin:.5em 0 0 0;
font-size:.9em;
color:#CCBB84;
line-height:150%;
}
.notification3
{
margin:1em 0 0 0;
font-size:.9em;
color:#103333;
line-height:150%;
}
.notification4
{
margin:1.5em 0 0 0;
font-size:.9em;
color:#1F5E5E;
line-height:150%;
}
.notification5
{
float:right;
margin:.6em 0 0 0;
font-size:.9em;
font-style:italic;
line-height:150%;
}
.notification6
{
margin:1em 0 1em 0;
font-size:.85em;
line-height:150%;
}
.pale_grey
{
color:#aaaaaa;
}
.lower
{
margin:2.5em 0 0 0;
padding:0;
}
.lower2
{
margin:1.5em 0 0 0;
}
.upper
{
margin-bottom:.2em;
padding:0;
}
.smaller
{
margin-top:-1.2em;
padding:0;
}
.centerred
{
margin:.2em 0 0 0;
font-size:.9em;
font-weight:bold;
color:#8C0006;
text-align:center;
}
.pre
{white-space:pre;}
.blue
{color:#1F5E5E;}
.beige
{color:#CCBB84;}
.red
{color:#8C0006;}
.important
{font-weight:bold;color:#8C0006;}
.importantwhite
{
padding-bottom:.8em;
font-size:1.1em;
font-weight:bold;
color:#103333;
text-align:center;
}
.importantblue
{
padding-bottom:.6em;
font-size:1.2em;
font-weight:bold;
color:#1F5E5E;
text-align:center;
}
.lred
{font-size:.9em;color:#8C0006;font-weight:bold;}
.bdotted
{font-weight:bold;text-decoration:none;border-bottom:dotted 1px #1F5E5E;}

.titre
{font-size:1.3em;
font-weight:bold;
text-align:center;}
h1
{
margin:0;
padding:.5em 0 .1em 0;
font-size:1.2em;
font-weight:normal;
letter-spacing:.05em;
color:#103333;
}
h2
{
font-size:1.05em;
font-weight:normal;
letter-spacing:.05em;
color:#103333;
}
h3
{
font-size:1.01em;
font-weight:normal;
letter-spacing:.05em;
color:#103333;
}
h4
{
font-size:16px;
margin-top:8px;
/*margin-bottom:10px;*/
}
.blanc{color:#fff;}
.blu{color:#103333;}
h5
{
font-size:1.01em;
font-weight:normal;
margin:5px 0 5px 0;
color:#8C0006;
}
h6
{
font-size:16px;
font-weight:normal;
margin-top:15px;
margin-bottom:5px;
color:#1F5E5E;
}
h7
{
font-size:1.01em;
font-weight:normal;
margin:5px 0 5px 0;
}
img
{
border:none;
}
#right_block
{
float:right;
margin:5px 0 0 15px;
width:40%;
}
#right_block2
{
float:right;
margin:5px 0 0 15px;
width:48%;
}
#doc_upload, .doc_upload
{
padding:8px;
background-color:rgba(26,81,81,0.3);/*(16,51,51,0.5)*/
border-radius:3px;
}
#doc_upload_transp
{
margin-top:-20px;
padding:0 10px 10px 10px;
border-left:1px dotted #103333;
}
#permalink
{
margin-top:20px;
padding:0 10px 10px 10px;
border-left:1px dotted #103333;
}
#permalink2, .permalink2{
margin-top:20px;
padding:0 10px 10px 10px;
/*border-top:1px dotted #103333;*/
}
table
{
margin:0;
padding: 0;
border:none;
width:100%;
text-align:left;
}

table.complements
{
width:auto;
margin-top:-10px;
padding:0 10px 10px 0;
}
table.complements2
{
width:57%;
margin-top:-10px;
padding:0 10px 20px 0;
border-bottom:1px dotted #103333;
}
table.complements3
{
width:50%;
margin-top:-10px;
padding:0 10px 20px 0;
border-bottom:1px dotted #103333;
}
table.complements4
{
width:50%;
/*margin-top:-10px;*/
padding:5px 10px 5px 0;
border-bottom:1px dotted #103333;
}
td.w10pc
{
width:10%;
padding-left:10px;
padding-right:5px;
}
td.w15pc
{
width:15%;
padding:0;
vertical-align:top;
}
td.w33pc
{
width:33%;
padding-left:10px;
padding-right:5px;
}
td.w40pc
{
width:20%;
padding:0 0 0 5px;
vertical-align:top;
}
.bcg_grey
{
background-color:#dddddd;
}
td.w50pc
{
width:50%;
padding-left:10px;
padding-right:5px;
}
td.w85pc
{
width:85%;
padding:0;
vertical-align:top;
}
.date
{
color:#415B5B;
font-size:.8em;
}
dl {
margin-top:0;
margin-bottom:5px;
}
dl p{
margin-top:3px;
margin-bottom:0;
padding-left:15px;
}
dt
{
margin-bottom:1px;
background:transparent url(images/red_square.gif) no-repeat 1% 50%;
padding-left:25px;
padding-top:0;
font-weight:bold;
}
dd
{
background:transparent url(images/puce1.gif) no-repeat 0% 50%;
margin-left:15px;
padding-left:8px;
}
#doc_upload > ul > li >dd
{
background:transparent !important;
margin-left:20px;
padding-left:8px;
}
.nomarginbottom
{
margin-bottom:0;
}
.left{
text-align:left;
}
/*table.left
{
background-color:#dddddd;
}*/
legend{
margin-top:5px;
}
fieldset{
	text-align:left !important;
}
label
{
font-size:1em;
}
input, textarea, select{
font-size:1.05em;
}
.ast
{
color:#CD0D1E;
}
.envoi
{
margin-top:1em;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.envoi input
{
font-size:1.1em;
font-weight:bold;
padding:.2em;
letter-spacing:.1em;
}
input.annee
{
display:block;
margin-top:15px;
font-size:1.3em;
color:#1f5e5e;
background:#fff url(./images/fleche_bas.png) no-repeat left center;
padding:5px 5px 5px 15px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-radius:5px;
}
input.gram
{
display:block;
margin:0;
font-size:1.01em;
font-weight:normal;
color:#8C0006;
background:transparent url(./images/fleche_bas.png) no-repeat left center;
padding:5px 5px 5px 20px;
border: none;
}
input.hideGram
{
display:block;
margin:0;
font-size:1.01em;
font-weight:normal;
color:#8C0006;
background:transparent url(./images/fleche_haut.png) no-repeat left center;
padding:5px 5px 5px 20px;
border: none;
}
input.see_pages
{
display:block;
margin-top:10px;
margin-bottom:10px;
font-size:1.05em;
font-weight:bold;
color:#8C0006;
border:1px solid #cccccc;
background:#fff url(./images/puce3.gif) no-repeat 2% 50%;
padding:3px 3px 3px 15px;
border-radius:5px;
}
input.hide
{
display:block;
margin-top:15px;
font-size:1.3em;
color:#1f5e5e;
padding:5px 5px 5px 15px;
background:#fff url(./images/fleche_haut.png) no-repeat left center;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-radius:5px;
}
input[type=button] {
  cursor:pointer;
}
.cursor
{
cursor:pointer;
}
.exp
{
vertical-align:super;
line-height:.8em;
font-size:.6em;
text-transform:lowercase;
}
sup
{
vertical-align:super;
line-height:.8em;
font-size:.6em;
text-transform:lowercase;
}
.uppercase
{
text-transform:uppercase;
}
.fond_clair
{
margin-top:0;
margin-bottom:0;
padding:.5em;
background:#dedede;
}
@media screen and (max-width: 1000px)
{
	#container
	{
	position:relative;
	margin-top:0;
	margin-left: auto;
	margin-right:auto;
	margin-bottom:0;
	width:98%;
	min-height:105em;
	height:100%;
	padding:1em;
	font-size:1.1em;
	color:#103333;
	line-height:140%;
	text-align:justify;
	overflow:auto;
	}
}