/* CSS Document */

/*------------- styles communs -------------*/
body
{
    font: 400 12px system-ui;
	background-color:#FFFFFF;
}

input, textarea, select, button, table, td, th {
    text-shadow: none;
    font: 400 12px system-ui;
}

input, textarea {background-color:#F8E0E0;}


img
{
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a
{
	text-decoration:none;
	color: #333399;
}

a:hover{
	color: #999999;
}


h1
{
	font-size: 200%;
	margin-top: 0px;
	padding-top: 0px;
}

h2
{
	font-size: 120%;
}


/*------------- #global -------------*/
#global
{
	background-color: red;color:white;
	height: 820px;
	width: 1200px;
	margin : 0 auto;
	border: 1px solid ;
	position:relative;
}

#logocf
{position:absolute; left: 47px; top: 32px; width:100 px;}

#societe
{position:absolute; left: 250px; top: 12px; width:200 px;}

#categorie
{position:absolute; left: 250px; top: 52px; width:200 px;}

#creaclient
{position:absolute; left: 400px; top: 32px; width:100 px;}

#logo
{position:absolute; left: 700px; top:10px; width: 150px; height:80px; }

#session
{position:absolute; left: 900px; top: 12px; width:30 px;}
#session2
{position:absolute; left: 900px; top: 32px; width:30 px;}

#session2
{position:absolute; left: 900px; top: 32px; width:30 px;}

#AffNbCar
{position:absolute; left: 500px; top: 30px; min-width:300px; height: 20px; border:1px solid; padding: 5px; color:red; text-align:center;}


/*------------- #in -------------*/
#in,#inadmin
{
	position:absolute;
	background-color: #FFFFFF;color:black;
	height: 650px;
	width: 1050px;
	border: 1px solid #7D187A;
	margin : 0 auto;
	padding: 20px;
	left: 45px;
	top: 80px;
}

#inadmin
{
	height: 3000px;
}

#quart1,#quart2,#quart3,#quart4,#quart5,#quart6
{
	position:absolute;
	height: 180px;
	width: 500px;
	padding: 40px;
	padding-top: 40px;
	color:red;
	font-weight:bolder;
}
#quart1 {left: 25px; top: 40px;}
#quart2 {left: 25px; top: 220px;}
#quart3 {left: 25px; top: 400px;}
#quart4 {left: 500px; top: 40px;}
#quart5 {left: 500px; top: 220px;}
#quart6 {left: 500px; top: 400px;}

.TitrePara{width:370px;font-weight:bolder;background-color: #D8D8D8;}
.TextePara{width:400px;height: 150px;}

#NouvellePhoto {position:absolute;left: 300px; top: 10px;}


/*------------- #table -------------*/
.deals-col0 {width:30px;text-align: center;}
.deals-col1 {width:150px;}
.deals-col2 {width:450px;}
.deals-col3 {width:50px;}
.deals-col4 {width:100px;}
.deals-col5 {width:100px;}
.deals-col6 {width:50px;}

.contacts0 {width:40px;text-align: center;}
.contacts1 {width:150px;}
.contacts2 {width:150px;}
.contacts3 {width:450px;}


/*------------- trombinoscope -------------*/

.trombiphoto,.trombisaisie{display:inline;height:150px;float:left;}
.trombiphoto {width:90px;}
.trombisaisie {width:160px;}

/*------------- Prˇsentation -------------*/
.intertitre {font-weight:bolder;font-size:16px; border-top: 5px solid red;}


/*------------- Impression -------------*/
@media print {
 .noprint {display:none;}
}

.01-CI {background-color: blue;}
.02-PR {background-color: red;}
.03-MA {background-color: green;}
.04-FI {background-color: yellow;}
.05-AV {background-color: pink;}